0顶

精彩变色文字效果

稿源：互联网 2022-05-21 00:27:44 点击： 412 撤稿纠错

精彩的变色文字特效，可根据自己喜好来改变文字及颜色。

以下讨论的是和特效相关的精彩变色文字效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<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.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于精彩变色文字效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807192758.shtml方便下次再访问哦。

·上一篇： 变色的动态文字
·下一篇： 文字显示精彩特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

精彩变色文字效果

文章分类LIST >>返回首页

最新游戏

最新新闻