实现彩色闪烁超链接效果的JS代码

代码：（将以下代码添加在<head> </head>标签中）

var rate = 30;

var object;

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;

}

function doRainbow()

{

if (Browser && act != 1) {

act = 1;

object = event.srcElement;

clrOrg = object.style.color;

TimerID = setInterval("ChangeColor()",100);

}

function stopRainbow()

{

if (Browser && act != 0) {

object.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function doRainbowAnchor()

{

if (Browser && act != 1) {

object = event.srcElement;

while (object.tagName != 'A' && object.tagName != 'BODY') {

object = object.parentElement;

if (object.tagName == 'A' || object.tagName == 'BODY')

break;

}

if (object.tagName == 'A' && object.href != '') {

act = 1;

clrOrg = object.style.color;

TimerID = setInterval("ChangeColor()",100);

}

function stopRainbowAnchor()

{

if (Browser && act != 0) {

if (object.tagName == 'A') {

object.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function ChangeColor()

{

object.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;

}

document.onmouseover = doRainbowAnchor;

document.onmouseout = stopRainbowAnchor;

</script>然后在body域中任意做一个连接可以看到效果了！

<head>

var rate = 30;

var object;

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;

}

function doRainbow()

{

if (Browser && act != 1) {

act = 1;

object = event.srcElement;

clrOrg = object.style.color;

TimerID = setInterval("ChangeColor()",100);

}

function stopRainbow()

{

if (Browser && act != 0) {

object.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function doRainbowAnchor()

{

if (Browser && act != 1) {

object = event.srcElement;

while (object.tagName != 'A' && object.tagName != 'BODY') {

object = object.parentElement;

if (object.tagName == 'A' || object.tagName == 'BODY')

break;

}

if (object.tagName == 'A' && object.href != '') {

act = 1;

clrOrg = object.style.color;

TimerID = setInterval("ChangeColor()",100);

}

function stopRainbowAnchor()

{

if (Browser && act != 0) {

if (object.tagName == 'A') {

object.style.color = clrOrg;

clearInterval(TimerID);

act = 0;

}

function ChangeColor()

{

object.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;

}

document.onmouseover = doRainbowAnchor;

document.onmouseout = stopRainbowAnchor;

</script>

</head>

<body>

<a href="http://www.webjx.com">网页教学网</a>

</body>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]