|
逐隐逐现的文字特效源代码 |
|
====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://qdjacky.126.com" 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()",1500) } //--> </script> <body bgcolor="#ffffff" 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)表示。 |