滑鼠移動到超連結後彩虹變色效果

這幾天嘗試搭建新的5.5平台的論壇，以前用動網的時候曾經用過一個超鏈接彩虹變色的點擊效果，現在重新發出來，很多人相比跟我一樣在找。
演示：嘻嘻go自由論壇
[url=http://www.ccgo.com.tw/dz]www.ccgo.com.tw/dz[/url]

首先新建一個文件取名為「rainbow.js」，內容為：

[code]//******************************************
//*                                                                      *
//*                超鏈接不停變色                                 *
//*         Presented by New-Age.com.cn                  *
//*                                                                      *
//******************************************
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;
}[/code]

將保存好的文件上傳到服務器根目錄下。//這裡提醒一句：一定要保存為utf-8編碼
然後打開後台兵編輯模板header.htm，找到

[code]<script type="text/javascript" src="include/javascript/common.js"></script>[/code]
在其後面添加如下代碼：


[code]<script type="text/javascript" src="rainbow.js"></script>[/code]
保存好之後更新緩存就可以了！

希望對大家有幫助！

沙發
==========================
好似發過

搶到頭香.....存支持!

這個比較慢,都THX:titter:

[quote]原帖由 [i]翼少爺[/i] 於 2007-4-30 17:07 發表 [url=http://www.alan888.com/Discuz/redirect.php?goto=findpost&pid=924576&ptid=110445][img=13,13]http://www.alan888.com/Discuz/images/common/back.gif[/img][/url]
這個比較慢,都THX:titter: [/quote]

我都同意! 無之前果個閃得咁快! 咁無頭暈 @.@

謝謝分享!!!

用了這個有什麼特別 , 看不出來:em36:

加了~~
thanks~~:em21:

酷喔!~~~~:titter:

支持~~~!! 成功

很有趣有簡單...謝謝

成功

頂~

我就一直想要有這種插件......

因為這樣可以幫助會員看帖！