Efecto Enlace Parpadeante
Nota: Funciona en iExplorer, pero no en Firefox.
Mediante este script puedes conseguir que un simple texto de enlace aparezca parpadeante cuando pasas el cursor por encima.
Basta copiar este código justo antes de la línea </head> en cada una de las páginas donde quieras que el enlace parpadee.
<script language=JavaScript src="parpadeante.js"
type=text/javascript></script>
Además, has de colocar en la raiz del directorio de tu web este archivo que tiene extensión js. Para crearlo abre tu Notepad o Block de Notas de Windows, copia el código, pégalo en ese archivo de texto y al guardarlo (directamente en la carpeta de tu web) le pones el nombre "parpadeante.js". Puedes personalizarlo un poco, pero tendrás que investigar tu mismo..... Se pueden cambiar los colores, velocidad, etc.
/*************
**** <config> **/ startColor = "#808000"; // MouseOut link color
endColor = "#FFFFFF"; // MouseOver link color
stepIn = 50; // delay when fading in stepOut = 30; // delay when fading
out /* ** set to true or false; true will ** cause all links to fade
automatically ***/ autoFade = true; /* ** set to true or false; true
will cause all CSS ** classes with "fade" in them to fade onmouseover
***/ sloppyClass = true; /** **** </config> **************/
/************* **** <install> ** ** **** </install>
**************/ hexa = new makearray(16); for(var i = 0; i < 10;
i++) hexa[i] = i; hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; document.onmouseover =
domouseover; document.onmouseout = domouseout; startColor =
dehexize(startColor.toLowerCase()); endColor =
dehexize(endColor.toLowerCase()); var fadeId = new Array(); var timerID
= 0; var theElement,theTagName,theClassName,theUniqueID function
dehexize(Color){ var colorArr = new makearray(3); for (i=1; i<7;
i++){ for (j=0; j<16; j++){ if (Color.charAt(i) == hexa[j]){ if (i%2
!=0) colorArr[Math.floor((i-1)/2)]=eval(j)*16; else
colorArr[Math.floor((i-1)/2)]+=eval(j); } } } return colorArr; }
function domouseover() { if(document.all) { clearTimeout(timerID);
theElement = event.srcElement; theTagName = theElement.tagName;
theClassName = theElement.className; theUniqueID = theElement.uniqueID;
if ((theTagName == "A" && autoFade) || theClassName == "fade"
|| (sloppyClass && theClassName.indexOf("fade") != -1)) {
//alert(theElement); fade(startColor,endColor,theUniqueID,stepIn);
timerID = setTimeout('pulsedown()',20); } } } function pulseup() {
if(document.all) { clearTimeout(timerID); if ((theTagName == "A"
&& autoFade) || theClassName == "fade" || (sloppyClass
&& theClassName.indexOf("fade") != -1)) { //alert(theElement);
fade(startColor,endColor,theUniqueID,stepIn); timerID =
setTimeout('pulsedown(theElement)',20); } } } function
pulsedown(theElement) { if (document.all) { clearTimeout(timerID); if
((theTagName == "A" && autoFade) || theClassName == "fade" ||
(sloppyClass && theClassName.indexOf("fade") != -1)) {
//alert(theElement); fade(endColor,startColor,theUniqueID,stepOut);
timerID = setTimeout('pulseup()',20); } } } function domouseout() { if
(document.all) { clearTimeout(timerID); var srcElement =
event.srcElement; if ((srcElement.tagName == "A" && autoFade)
|| srcElement.className == "fade" || (sloppyClass &&
srcElement.className.indexOf("fade") != -1))
fade(endColor,startColor,srcElement.uniqueID,stepOut); } } function
makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i]
= 0; return this; } function hex(i) { if (i < 0) return "00"; else
if (i > 255) return "ff"; else return "" + hexa[Math.floor(i/16)] +
hexa[i%16];} function setColor(r, g, b, element) { var hr = hex(r); var
hg = hex(g); var hb = hex(b); element.style.color = "#"+hr+hg+hb; }
function fade(s,e, element,step){ var sr = s[0]; var sg = s[1]; var sb
= s[2]; var er = e[0]; var eg = e[1]; var eb = e[2]; if (fadeId[0] !=
null && fade[0] != element){
setColor(sr,sg,sb,eval(fadeId[0])); var i = 1; while(i <
fadeId.length){ clearTimeout(fadeId[i]); i++; } } for(var i = 0; i
<= step; i++) { fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+
" *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " )
+ " +eg+ " * (" +i+ "/" +step+ ")),Math.floor(" +sb+ " * ((" +step+ "-"
+i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+
")),"+element+");",i*step); } fadeId[0] = element; }
Puedes personalizarlo un poco, pero tendrás que investigar tu mismo..... Se pueden cambiar los colores, velocidad, etc.
Scripts Prefabricados:
