Русский
<HTML> <HEAD> <title>一种文字颜色渐变效果的超级连接特效</title> <script> <!-- //дополнительная форма javascript 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; постепенное исчезновение (имя ссылки); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; верните это; } Hexa = новый makearray(16); for(var я = 0; я < 10; я++) гекса[i] = я; гекса[10]="а"; гекса[11]="б"; гекса[12]="с"; гекса[13]="d"; гекса[14]="е"; гекса[15]="f"; function hex(i) { if (i <0) вернет «00»; иначе, если (i > 255) вернуть «ff»; else return "" + гекса[Math.floor(i/16)] + гекса[i%16];} function setbgColor(r, g, b, element) { var hr = hex(r); вар hg = шестнадцатеричный (г); вар hb = шестнадцатеричный (б); element.style.color = "#"+hr+hg+hb; } function Fade(sr, sg, sb, er, eg, eb, Step, Direction, Element) { for(var i = 0; i <= Step; 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); } } function Fadeout(element) { Fade(255,153,0, 0,0,0, 30, 1, element); } /*------------------=[fadein]=---------------------- || Плавно меняет цвет текста на другой || ||когда указатель мыши наводится на ссылку. || ||---------------------------------------------------------------- -*/ function 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); } function FadeOut2(id){ Fade(88,118,152, 255,255,255, 29, 1, id); } /*<<<<< перестанем игнорировать =)*/ // --> </script> </HEAD> <BODY> <a href="#" class=fade name=a>建站学院</a> </body> </html> <!--说明:更改链接,要注意,每个链接的name不能相同,要一次顺延下去,比如name=a、name=b....... а 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,和渐变步长,就能更改效果了!-->