|
逐隐逐现的文字特效[推荐使用][适用于IE4++]
(修改显示的文字后根据说明进行共2步)
====1、以下代码放在一个新建页面的HTML的<body></body>区即可:[页面上必须什么都没有]
- <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)表示。
|
|