鼠标点到连接有五颜六色变换效果

效果演示地址:

http://dzbbs.net/index.php

不会有JS错误,放心使用
喜欢这样效果的朋友就顶顶支持一下咯!
css.htm

1. </style>

复制代码

在下添加
代码

1. <script language=JavaScript>
   
2. <!--
   
3. var rate = 100;
   
4. var obj;
   
5. var act = 0;
   
6. var elmH = 0;
   
7. var elmS = 239;
   
8. var elmV = 255;
   
9. var clrOrg;
   
10. var TimerID;
    
11. if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
    
12.     Browser = true;
    
13. } else {
    
14.     Browser = false;
    
15. }
    
16. if (Browser) {
    
17.     document.onmouseover = doRainbowAnchor;
    
18.     document.onmouseout = stopRainbowAnchor;
    
19. }
    
20. function doRainbow()
    
21. {
    
22.     if (Browser && act != 1) {
    
23.         act = 1;
    
24.         obj = event.srcElement;
    
25.         clrOrg = obj.style.color;
    
26.         TimerID = setInterval("ChangeColor()",100);
    
27.     }
    
28. }
    
29. function stopRainbow()
    
30. {
    
31.     if (Browser && act != 0) {
    
32.         obj.style.color = clrOrg;
    
33.         clearInterval(TimerID);
    
34.         act = 0;
    
35.     }
    
36. }
    
37. function doRainbowAnchor()
    
38. {
    
39.     if (Browser && act != 1) {
    
40.         obj = event.srcElement;
    
41. 
    
42.         while (obj.tagName != 'A' && obj.tagName != 'BODY') {
    
43.     obj = obj.parentElement;
    
44.     if (obj.tagName == 'A' || obj.tagName == 'BODY')
    
45.         break;
    
46.         }
    
47. 
    
48.         if (obj.tagName == 'A' && obj.href != '') {
    
49.     act = 1;
    
50.     clrOrg = obj.style.color;
    
51.     TimerID = setInterval("ChangeColor()",100);
    
52.         }
    
53.     }
    
54. }
    
55. function stopRainbowAnchor()
    
56. {
    
57.     if (Browser && act != 0) {
    
58.         if (obj.tagName == 'A') {
    
59.     obj.style.color = clrOrg;
    
60.     clearInterval(TimerID);
    
61.     act = 0;
    
62.         }
    
63.     }
    
64. }
    
65. function ChangeColor()
    
66. {
    
67.     obj.style.color = makeColor();
    
68. }
    
69. function makeColor()
    
70. {
    
71.     if (elmS == 0) {
    
72.         elmR = elmV;    elmG = elmV;    elmB = elmV;
    
73.     }
    
74.     else {
    
75.         t1 = elmV;
    
76.         t2 = (255 - elmS) * elmV / 255;
    
77.         t3 = elmH % 60;
    
78.         t3 = (t1 - t2) * t3 / 60;
    
79. 
    
80.         if (elmH < 60) {
    
81.     elmR = t1;  elmB = t2;  elmG = t2 + t3;
    
82.         }
    
83.         else if (elmH < 120) {
    
84.     elmG = t1;  elmB = t2;  elmR = t1 - t3;
    
85.         }
    
86.         else if (elmH < 180) {
    
87.     elmG = t1;  elmR = t2;  elmB = t2 + t3;
    
88.         }
    
89.         else if (elmH < 240) {
    
90.     elmB = t1;  elmR = t2;  elmG = t1 - t3;
    
91.         }
    
92.         else if (elmH < 300) {
    
93.     elmB = t1;  elmG = t2;  elmR = t2 + t3;
    
94.         }
    
95.         else if (elmH < 360) {
    
96.     elmR = t1;  elmG = t2;  elmB = t1 - t3;
    
97.         }
    
98.         else {
    
99.     elmR = 0;   elmG = 0;   elmB = 0;
    
100.         }
     
101.     }
     
102.     elmR = Math.floor(elmR);
     
103.     elmG = Math.floor(elmG);
     
104.     elmB = Math.floor(elmB);
     
105.     clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
     
106.     elmH = elmH + rate;
     
107.     if (elmH >= 360)
     
108.         elmH = 0;
     
109.     return clrRGB;
     
110. }
     
111. -->
     
112. </script>

复制代码

缓存上传~完成

[ 本帖最后由 FreeDZ 于 2005-6-21 01:55 编辑 ]

先占个位置...

安装成功的朋友支持一下.

太花俏了...

不显庄重

你刚刚换的话题,,我刚刚说了,,你快去试一下,,

我今天尝试了一下就有你说的效果了.

原帖由 5602718 于 2005-6-21 01:59 发表
太花俏了...

不显庄重

我是看家有人顶上了一个很旧的帖子.
而却有JS的错误.......

我才发上来的..

应该会有人喜欢和需要的,,,

不错，谢谢。

我就喜欢呵呵支持你啦楼主

支持。

感谢你们的支持.

原帖由 5602718 于 2005-6-21 01:59 发表
太花俏了...

不显庄重

麻烦注意一下你的语气！
人家发贴分享已经不错了！希望以后不要再这样了！