Phiên bản đầy đủ: jsB@nk » Liên kết » Chuyển màu » Liên kết đổi màu khi rê chuột
URL: https://www.javascriptbank.com/auto-fading-link.html
Một đoạn mã JavaScript khác để làm cho liên kết trên trang web đổi màu khi người dùng rê con trỏ chuột đến. Điểm đặc biệt của hiệu ứng JavaScript này là nó tự động kiểm tra đối tượng nào là liên kết và áp dụng mà không cần bạn chỉ định. Nghĩa là bạn chỉ cần đặt đoạn mã này vào trang web để cho hiệu ứng tự động làm việc mà không cần làm thêm gì cả.
Phiên bản đầy đủ: jsB@nk » Liên kết » Chuyển màu » Liên kết đổi màu khi rê chuột
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-->