中文(繁体)
<HTML> <HEAD> <title>一種文字顏色突變效果的超級連結效果</title> <script> <!-- //more javascript form http://www.downcodes.com document.onmouseover = domouseover; document.onmouseout = domouseout;函數 domouseover() { if(document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name;淡入(連結名稱); } } } function domouseout() { if (document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name;淡出(連結名稱); } } } 函數 makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0;返回這個; } hexa = 新 makearray(16); for(var i = 0; i < 10; i++) hexa[i] = i;十六進位[10] =“a”;十六進位[11] =“b”;十六進位[12] =“c”;十六進位[13] =“d”;十六進位[14] =“e”;六角形[15]=“f”;函數 hex(i) { if (i < 0) 回傳「00」;否則如果 (i > 255) 返回“ff”;否則回傳 "" + hexa[Math.floor(i/16)] + hexa[i%16];} function setbgColor(r, g, b, element) { var hr = hex(r); var hg = 十六進位(g); var hb = 十六進位(b); element.style.color = "#"+hr+hg+hb; } 函數 fade(sr, sg, sb, er, 例如 eb, 步驟, 方向, 元素){ for(var i = 0; i <= 步驟; i++) { setTimeout("setbgColor(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); } } 函數 fadeout(element) { fade(255,153,0, 0,0,0, 30, 1, element); } /*------------------=[淡入]=---------------------- ||將文字從一種顏色淡化為另一種顏色|| ||當滑鼠移到連結上時。 || ||------------------------------------------------ -*/ 函式fadein(element) { fade(0,0,0, 255,153,0, 18, 1, element); } /*忽略這個 >>>>*/ function fadeIn2(id){ fade(255,255,255, 88,118,152, 25, 1, id); } 函數 fadeOut2(id){ 淡出(88,118,152, 255,255,255, 29, 1, id); } /*<<<<<別再忽略=)*/ // --> </script> </HEAD> <BODY> <a href="#" class=fade name=a>建站學院</a > </body> 每個</html> <!--說明:更改鏈接,要注意,鏈接的名稱不能相同比如,要一次順延下去,name=a、name=b....... < a href="#" class=fade name=a>建站學院</a>同時,接下來我們研究一下顏色的,我們可以透過修改javascript修改程式碼。 fade( 255,153,0, 0,0,0, 30, 1, 元素); } 其中,255,153,0為起始顏色;0,0,0為終止顏色;30為漸變步長;顏色皆為RGB。 ,0,0, 255,153,0, 18, 1, 元素); }只要改變這些顏色的RGB,而且漸變步長,就能改變效果了!