作者：互联网
2009-06-20
<HTML> <HEAD> <title>一种文字颜色渐变效果的超级连接特效</title> <script> <!-- //more javascript form http://www.d***owncodes.com document.onmouseover = domouseover; document.onmouseout = domouseout; function domouseover() { if(document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name; fadein(linkName); } } } function domouseout() { if (document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf("fade") > -1) { var linkName = srcElement.name; fadeout(linkName); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; return this; } 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"; 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 setbgColor(r, g, b, element) { var hr = hex(r); var hg = hex(g); var hb = hex(b); 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]=---------------------- ||Fades the text from one color to another color || ||when the mouse moves over the link. || ||-------------------------------------------------*/ function fadein(element) { fade(0,0,0, 255,153,0, 18, 1, element); } /*ignore this >>>>*/ 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); } /*<<<<< stop ignoring =)*/ // --> </script> </HEAD> <BODY> <a href="#" class=fade name=a>建站学院</a> </body> </html> <!--说明:更改链接，要注意，每个链接的name不能相同，要一次顺延下去，比如name＝a、name＝b....... <a href="#" class=fade name=a>建站学院</a> 同时，我们再来研究一下颜色的修改，我们可以通过修改javascript代码。鼠标移出链接的渐变代码： function fadeout(element) { fade(255,153,0, 0,0,0, 30, 1, element); } 其中，255,153,0为起始色；0,0,0为终止色；30为渐变步长；颜色都为RGB。 同理，鼠标移入时的渐变代码： function fadein(element) { fade(0,0,0, 255,153,0, 18, 1, element); } 只要更改这些颜色的RGB，和渐变步长，就能更改效果了！-->
相关标签:
相关推荐
2026-04-18
专题
+ 收藏
最新数据
相关文章
使用Apparat框架优化Flash
一场关于YUI3/jQuery的精彩辩论
从if else到switch case再到抽象
BigPipe:高性能的"流水线技术"网页
跨域资源共享的10种方式
WEB移动应用框架构想
GC与JS内存泄露
三谈Iframe自适应高度
HTML5 WebSockets基础使用教程
精简高效的CSS命名准则和方法
AI精选
电影哥特式火水社论
本能 电影剧照
夜桥上的电影三联画肖像
黄金时段海岸生活方式照片
高速摄影：亚洲汤品爆裂瞬间
玻璃马雕像变形动画（视频提示）
秋叶超现实主义鹿
90 年代复古闪光摄影肖像
Sydney Sweeney《蜘蛛夫人》首映礼礼服描述
女性在床上听音乐的私密生活照
脚本推荐
SeeDance 2.0 Video Creator专区
OpenClaw AI专区
cowork专区
claude code skills专区
