中文(简体)
<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修改代码。鼠标移出链接的突变代码: function fadeout(element) { fade( 255,153,0, 0,0,0, 30, 1, 元素); } 其中,255,153,0为起始颜色;0,0,0为终止颜色;30为渐变步长;颜色都为RGB。同理,鼠标移入时的渐变代码: function fadein(element) { fade(0 ,0,0, 255,153,0, 18, 1, 元素); }只要改变这些颜色的RGB,并且渐变步长,就能改变效果了!-->