网站制作学习网JS脚本→正文:逐隐逐现的文字特效
字体:

逐隐逐现的文字特效

JS脚本 2008/1/17 8:19:51  点击:不统计

<html>

<head>

<TITLE>特效</TITLE>

</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]="http://www.forasp.cn"

message[1]="网站制作学习网"

message[2]="谢谢您使用"

message[3]="javascript源码大全"

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()",1500)

}

//-->

</script>

<body bgcolor="#000000" onLoad="glowtext()"> //不要忘记写

<div id="glowdiv" style="position:absolute;visibility:visible;width:600px;text-align:center;

top:150px;left:50px;font-family:隶书;font-size:30pt;color:000000"></div>

</body>

</html>



====2、[可选项]修改<div>标签内的代码可以确定文字显示的位置,颜色和大小。

top是距离屏幕上面的距离,left是距离坐侧的距离。font-size是文字大小,

color是颜色。width是DIV层的宽度。由于文字是用DIV来控制的,所以在DIV的宽度范围内不能有其它内容。DIV的位置用绝对位置(position:absolute)表示。

·上一篇:判断radio是否选中 >>    ·下一篇:阴影文字的特殊效果1 >>
推荐文章
最新文章