逐隐逐现的文字
2014-09-09来源:易贤网

<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.happydrips.com"

message[1]="HappyDrips工作室"

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)表示。

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息