如何修改,使其响应鼠标变色

发布网友发布时间：2022-04-25 17:05

共2个回答

热心网友时间：2023-10-21 13:16

简单。。把下面的代码加到网页中，那么只要鼠标移到链结上面，链结就会一直变色，很漂亮。。

<script>var rate=20;var obj;var act=0;var elmH=0;var elmS=128;var elmV=255;var clrOrg;var TimerID;if(navigator.appName.indexOf("Microsoft",0)!=-1&&parseInt(navigator.appVersion)>=4){Browser = true;}else{Browser=false;}if(Browser){document.onmouseover=doRainbowAnchor;document.onmouseout=stopRainbowAnchor;}function doRainbow(){if(Browser&&act!=1){act=1;obj=event.srcElement;clrOrg=obj.style.color;TimerID=setInterval("ChangeColor()",100);}}function stopRainbow(){if(Browser&&act!=0) {obj.style.color=clrOrg;clearInterval(TimerID);act=0;}}function doRainbowAnchor(){if(Browser&&act!=1){obj=event.srcElement;while(obj.tagName!='A'&&obj.tagName!='BODY'){obj=obj.parentElement;if(obj.tagName=='A'||obj.tagName=='BODY')break;}if(obj.tagName=='A'&&obj.href!='') {act = 1;clrOrg=obj.style.color;TimerID=setInterval("ChangeColor()",100);}}}function stopRainbowAnchor(){if (Browser&&act!=0){if(obj.tagName=='A'){obj.style.color=clrOrg;clearInterval(TimerID);act=0;}}}function ChangeColor(){obj.style.color=makeColor();}function makeColor(){if(elmS==0){elmR=elmV;elmG=elmV; elmB=elmV;}else{t1=elmV;t2=(255-elmS)*elmV/255;t3=elmH%60;t3=(t1-t2)*t3/60;if(elmH<60){elmR=t1;elmB=t2;elmG=t2+ t3;}else if(elmH<120){elmG=t1;elmB=t2;elmR=t1-t3;}else if (elmH<180){elmG=t1;elmR=t2;elmB=t2+t3;}else if(elmH<240){elmB=t1;elmR=t2;elmG=t1-t3;}else if(elmH<300){elmB=t1;elmG=t2;elmR=t2+t3;}else if(elmH<360){elmR=t1;elmG=t2;elmB=t1-t3;}else{elmR=0;elmG=0;elmB=0;}}elmR=Math.floor(elmR);elmG=Math.floor(elmG);elmB=Math.floor(elmB);clrRGB='#'+elmR.toString(16)+elmG.toString(16)+elmB.toString(16);elmH=elmH+rate;if(elmH >=360)elmH=0;return clrRGB;}</script>

热心网友时间：2023-10-21 13:17

汗，这段代码没有问题哈，它的功能是使网页中链接的颜色会在鼠标放在链接上时，循环的改变颜色。你在页面中加个测试链接看看就知道了。
<a href="#">测试</a>

另外我自己刚刚也写了个特效，你看对你有没有帮助
http://catge.blogbus.com/logs/7965000.html