Version complète: jsB@nk » Lien » Rainbow » Fading Lien onmouseover
URL: https://www.javascriptbank.com/auto-fading-link.html
Cet JavaScript rend JavaScript lien changer de couleur lorsque l'utilisateur se déplacer la souris sur il. En outre, vous devez juste mettre ce Le code JavaScript dans votre page web, l'effet vérifie automatiquement les objets qui sont JavaScript lien avant de touché. Very nice.
Version complète: jsB@nk » Lien » Rainbow » Fading Lien onmouseover
URL: https://www.javascriptbank.com/auto-fading-link.html
<script type="text/javascript">/*****************************************\|| Fade Script Version 3.1 |||| http://nguyentieu.net |||| (c) July 2003 |||| _____________________________________ |||| Created by: |||| Nguyentieu > nguyentieu.net |||| _____________________________________ |||| auto-start Color by myself |||| nguyentieu@nguyentieu.net |||| _____________________________________ |||| uniqueID upgrade by be-yeu |||| http://www.be-yeu.com |||| _____________________________________ |||| Color conversion from decimal to |||| hex (dehexize function) by: |||| AT > YIM: tieu_con |||| _____________________________________ |||| Fade, hex, setColor functions by: |||| be-yeu > be-yeu.com |||| _____________________________________ |||| domouseover/out based on scripts by |||| NT > www.nguyentieu.net |||| ||\*****************************************//***************** <config>**/fadeColor = "#FFFFCC"; // color to fade to//fadeColor = "#000000";stepIn = 21; // delay when fading instepOut = 35; // delay when fading out/* set to true or false; true will** cause all links to fade automatically** (you won't need to add class="fade")***/autoFade = true; /* set to true or false; true will cause all CSS** classes with "fade" in them to fade onmouseover***/sloppyClass = true;/* set to true or false; true will make the script** work for Macs (IE 5+), but you will have to give** a name (name="blah") to each link that you want** to fade.***/macCompat = false;/** **** </config>**************/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;fadeColor = dehexize(fadeColor.toLowerCase());var fadeId = new Array();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;elsecolorArr[Math.floor((i-1)/2)]+=eval(j);}}}return colorArr;}function domouseover() {if(document.all){var srcElement = event.srcElement;if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {if (!srcElement.startColor) {srcElement.startColor = (srcElement.style.color)? srcElement.style.color: srcElement.currentStyle.color;srcElement.startColor = dehexize(srcElement.startColor.toLowerCase());}var link = (macCompat? srcElement.name: srcElement.uniqueID);if (link) fade(srcElement.startColor,fadeColor,link,stepIn);else if (macCompat) alert("Error: Mac Compatility mode enabled, but link has no name.");}}}function domouseout() {if (document.all){var srcElement = event.srcElement;if ((srcElement.tagName == "A" && autoFade && srcElement.className != "nofade") || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) {var link = (macCompat? srcElement.name: srcElement.uniqueID);if (link) fade(fadeColor,srcElement.startColor,link,stepIn);}}}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 && eval(fadeId[0])) {var orig = eval(fadeId[0]);setColor(orig.startColor[0],orig.startColor[1],orig.startColor[2],orig);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;}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><a href="http://javascriptbank.com/">JavaScriptBank.com</a><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->