»
AnglaisFrançaisVietnamien

Imprimer - Fading Liens - JavaScriptBank.com

Version complète: jsB@nk » Lien » Rainbow » Fading Liens
URL: https://www.javascriptbank.com/fading-links.html

Fading Liens © JavaScriptBank.comCet JavaScript va progressivement s'estomper le texte de toute JavaScript lien vous choisissez la couleur d'un à l'autre. Il suffit de fixer un certain nombre de paramètres dans la JavaScript lien Balise HTML et le script fera le reste. Il suffit de supprimer les paramètres de Liens qui vous voulez conserver l'aspect par défaut. Cet effet ne fonctionne que dans IE5 +, Netscape6 + et Mozilla 1 +, mais ne provoque pas d'erreurs dans les navigateurs plus anciens.

Version complète: jsB@nk » Lien » Rainbow » Fading Liens
URL: https://www.javascriptbank.com/fading-links.html



CSS
<style type="text/css">body{background-color:white;font-size:10pt;font-style:sans-serif;color:black;font-family:verdana;font-size:10pt; padding-left:50; padding-right:50; padding-top:10; padding-bottom:0}a{font-weight:bold;text-decoration:none;font-family:verdana;font-size:10pt;color:blue;}.code{font:9pt courier;color:maroon;}.tcell{font:bold 9pt verdana;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<table cellpadding=10 cellspacing=10 border=0><tr valign="top"><td bgcolor="black" width="50%"><a href="#0" parameters="#FF0000~#0000FF~300~300">Example Link 1</a><br><br><a href="#0" parameters="#00AA00~#FF00FF~600~600">Example Link 2</a><br><br><a href="#0" parameters="#0000FF~#FF0000~200~600">Example Link 3</a></td><td bgcolor="lightgrey" width="50%"><a href="#0" parameters="#000000~#FFFFFF~350~500">Example Link 4</a><br><br><a href="#0" parameters="#FF000F~#000000~100~100">Example Link 5</a><br><br><a href="#0">Normal Link (no effects)</a></td></tr></table><script language="javascript" title="linkfader.js">// LINK FADER SCRIPT V1.0// By: Brian Gosselinvar cID=0;var currL=null;var cntr=0;var sCol=new Array();var eCol=new Array();var cSteps=new Array();var itStep=15;function cSet(hexn){var el=new Array();for(i=1,n=0;i<7;i+=2,n++)el[n]=parseInt('0x'+hexn.substring(i,i+2));return el;}function calcSteps(el){for(i=0;i<3;i++)cSteps[i]=Math.round((eCol[i]-sCol[i])/itStep);}function getHex(n){return Math.max(Math.min(sCol[n]+cSteps[n]*cntr,255),0).toString(16);}function fadeLink(isH){if(cntr<itStep){var R=getHex(0);var G=getHex(1);var B=getHex(2);if(R.length==1)R='0'+R;if(G.length==1)G='0'+G;if(B.length==1)B='0'+B;currL.style.color=('#'+R+G+B);cntr++;}else{clearInterval(cID);if(isH)currL.style.color=currL.EC;else currL.style.color=currL.SC;}}function linkH(){if(currL!=null)currL.style.color=currL.SC;clearInterval(cID);cntr=1;sCol=new cSet(this.SC);eCol=new cSet(this.EC);calcSteps();cID=setInterval('fadeLink(true)',this.FSH);currL=this;if(typeof this.omv=="function")this.omv();return true;}function linkO(){clearInterval(cID);cntr=1;sCol=new cSet(this.EC);eCol=new cSet(this.SC);calcSteps();cID=setInterval('fadeLink(false)',this.FSO);if(typeof this.omt=="function")this.omt();currL=this;}function fadeW3CElements(which){if(document.getElementsByTagName){var el=document.getElementsByTagName(which);var pms=new Array();for(i=0;i<el.length;i++){if(el[i].getAttribute('parameters')){pms=el[i].getAttribute('parameters').split('~');if(pms.length==4){el[i].SC=pms[0].substr(pms[0].indexOf('#'),7);el[i].EC=pms[1].substr(pms[1].indexOf('#'),7);el[i].FSH=Math.ceil(Math.max(20,parseInt(pms[2]))/itStep);el[i].FSO=Math.ceil(Math.max(20,parseInt(pms[3]))/itStep);el[i].style.color=el[i].SC;el[i].omv=el[i].onmouseover;el[i].onmouseover=linkH;el[i].omt=el[i].onmouseout;el[i].onmouseout=linkO;}}}}}fadeW3CElements('A');</script><script language="javascript">fadeW3CElements('span');</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->