精彩变色文字效果-JS特效-爱易网页

精彩变色文字效果

日期：2014-05-18　浏览次数：20542 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<STYLE type=text/css>.nav {
	COLOR: #0000ff; FONT-FAMILY: Times; FONT-SIZE: 16pt; LEFT: 20px; POSITION: absolute; TEXT-DECORATION: none
}
</STYLE>
<SCRIPT>
<!-- Beginning of JavaScript -

var i_strength=0
var max_strength=6
var shadowcolor="red"
var timer
var speed=40
var thisobj

function gotoURL(){
      var newWindow=window.open("http://www.javascript2000.com","newwin","status,directories,menubar,scrollbars,titlebar,toolbar,resizable,HEIGHT=400,WIDTH=400")
      newWindow.focus()
}
function gotoURL1(){
      var newWindow=window.open("http://www.sina.com.cn","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 gotoURL3(){
      var newWindow=window.open("http://www.sohu.com","newwin","status,directories,menubar,scrollbars,titlebar,toolbar,resizable,HEIGHT=400,WIDTH=400")
      newWindow.focus()
}
function gotoURL4(){
      var newWindow=window.open("http://www.yahoo.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()
    } 
}

// - End of JavaScript - -->
</SCRIPT>

<DIV class=nav id=news onclick=gotoURL() onmouseout=stopfilter(this) 
onmouseover=startfilter(this) style="TOP: 20px">JavaScript2000 </DIV>
<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">网易</DIV>
<DIV class=nav id=besteller onclick=gotoURL3() onmouseout=stopfilter(this) 
onmouseover=startfilter(this) style="TOP: 140px">搜狐</DIV>
<DIV class=nav id=scriptkiller onclick=gotoURL4() onmouseout=stopfilter(this) 
onmouseover=startfilter(this) style="TOP: 180px">雅虎</DIV>

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

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

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

精彩变色文字效果

相关资料更多>

推荐阅读更多>