Dreamweaver中如何制作一直变色的超级链接
Dreamweaver中如何制作一直变色的超级链接
发布时间:2015-05-12 来源:查字典编辑
摘要:.STYLE5{FONT-WEIGHT:bold;FONT-SIZE:13px;COLOR:#ff0000}.STYLE7{FONT-SIZ...

<HTML><HEAD>

<STYLE type=text/css>

.STYLE5 {

FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ff0000

}

.STYLE7 {

FONT-SIZE: 14px

}

a:link {

color: #0066CC;

text-decoration: none;

}

a:visited {

text-decoration: none;

color: #0066CC;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

}

</STYLE>

</HEAD>

<BODY text=#000000 leftMargin=0>

<SCRIPT language=javascript>

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>

<DIV class="STYLE5 STYLE7" align=center><A

href="http://www.3lian.com/">三联网</A></DIV></HTML>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Dreamweaver教程学习
热门Dreamweaver教程学习
网页设计子分类