火焰一样的文字链接悬停特效_文本链接特效

一个火焰一们的文字链接鼠标悬停特效，鼠标放上去像一团火一样，给你热情四射的感觉，鼠标点击后是以一个弹出窗口的形式打开网页，点击运行查看一下效果，感觉很不错。

<html>
<head>
<title>火焰效果的链接</title>
<STYLE type=text/css>
.nav {
COLOR: #0066CC; FONT-SIZE: 16pt; LEFT: 20px; POSITION: absolute; TEXT-DECORATION: none;
}
</STYLE>
<SCRIPT>
var i_strength=0
var max_strength=6
var shadowcolor="red"
var timer
var speed=40
var thisobj

function gotoURL1(){
      var newWindow=window.open("/","newwin","status,directories,menubar,scrollbars,titlebar,toolbar,resizable,HEIGHT=400,WIDTH=400")
      newWindow.focus()
}
function gotoURL2(){
      var newWindow=window.open("http://www.163.com","newwin","status,directories,menubar,scrollbars,titlebar,toolbar,resizable,HEIGHT=400,WIDTH=400")
      newWindow.focus()
}

function stopfilter(thisdiv){
    if (document.all) {
        clearTimeout(timer)
	    thisobj=thisdiv
        thisobj.style.filter=" "
    }
}

function startfilter(thisdiv){
    if (document.all) {
        clearTimeout(timer)
	    thisobj=thisdiv
        morefilter()
    }
}

function morefilter(){
    if (i_strength <=max_strength) {
	    thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
        i_strength++
        timer = setTimeout("morefilter()",speed)
    } 
    else {
        clearTimeout(timer)
        lessfilter()
    } 
}

function lessfilter(){
    if (i_strength >=0) {
	    thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
        i_strength--
        timer = setTimeout("lessfilter()",speed)
    }    
    else {
        clearTimeout(timer)
        morefilter()
    } 
}

</SCRIPT>
</head>
<body>
<DIV class=nav id=contact onclick=gotoURL1() onmouseout=stopfilter(this) 
onmouseover=startfilter(this) style="TOP: 60px">模板无忧</DIV>
<DIV class=nav id=chart onclick=gotoURL2() onmouseout=stopfilter(this) 
onmouseover=startfilter(this) style="TOP: 100px">网易163</DIV>
</body>
</html>

所属频道：文本链接特效/更新时间：2012-12-14

[收藏][报错][返回列表]

火焰一样的文字链接悬停特效_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些