特酷消隐字体

稿源：互联网 2022-08-13 22:51:00 点击： 244 撤稿纠错

很酷的消隐字体效果，那不是gif动画，可以任意修改颜色。

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

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

脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT language="JavaScript">
<!--
var thissize=20
var textfont="隶书"

var textcolor= new Array()
textcolor[0]="000000"
textcolor[1]="000000"
textcolor[2]="000000"
textcolor[3]="111111"
textcolor[4]="222222"
textcolor[5]="333333"
textcolor[6]="444444"
textcolor[7]="555555"
textcolor[8]="666666"
textcolor[9]="777777"
textcolor[10]="888888"
textcolor[11]="999999"
textcolor[12]="aaaaaa"
textcolor[13]="bbbbbb"
textcolor[14]="cccccc"
textcolor[15]="dddddd"
textcolor[16]="eeeeee"
textcolor[17]="ffffff"
textcolor[18]="ffffff"

var message = new Array()
message[0]="欢迎光临超级JAVA酷"
message[1]="请多停留一会"
message[2]="你会有更多的收获"
message[3]="请再次光临"
i_message=0

var i_strength=0
var i_message=0
var timer

function glowtext() { 
if(document.all) {
if (i_strength <=17) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength++
timer=setTimeout("glowtext()",100)
}
else {
clearTimeout(timer)
setTimeout("deglowtext()",1500)
}
} 
}

function deglowtext() { 
if(document.all) {
if (i_strength >=0) {
glowdiv.innerText=message[i_message]
document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
i_strength--
timer=setTimeout("deglowtext()",100)
}
else {
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
i_strength=0
intermezzo()
}
} 
}

function intermezzo() { 
glowdiv.innerText=""
setTimeout("glowtext()",1000) 
}

//-->

</SCRIPT>

第二步:把如下代码加入<body>区域中
<div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center; top:185px;left:70px;font-family:隶书;font-size:30pt;color:000000"></div>

第三步:把<body>区中内容改为
<body bgcolor="#fef4d9" onLoad="glowtext()">

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于特酷消隐字体的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008111396400.shtml方便下次再访问哦。

·上一篇： 页面内不停旋转的文字
·下一篇： 文本框控制输入字数

特酷消隐字体

文章分类LIST >>返回首页

最新游戏

最新新闻