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.

El efecto es este.

Comparte este artículo en tu red Twitter Comparte este artículo en tu red Facebook Comparte este artículo en tu red Google Enviar '' a Meneame.net