|
|
![]() |
|
网页特效:循环显示不同文字的效果
<html>
<head> <title> </title> </head> <body> <script language="Javascript"> function assignArray(text,delay) { this.text=text this.delay=delay } function createArray() { fadecolor=new Array("FF8000","8080FF","00FF00","00FFFF","008040","CA00CA") msg=new Array(4) msg[0]=new assignArray("第一条信息。",1000); msg[1]=new assignArray("第二条信息。",1000); msg[2]=new assignArray("第三条信息。",1000); msg[3]=new assignArray("第四条信息。",1000); setTimeout("typeIt()", 1000) } var msgNo=0 var character=1 var colorNo=0 var fixColor=1 var colorCheck=0 function typeIt() { var insertHTML="" if(msgNo <= msg.length-1) { if(character <= msg[msgNo].text.length || colorCheck < msg[msgNo].text.length) { colorCheck=0 for(var charCheck=0; charCheck<character; charCheck++,colorNo--,fixColor--){ if(fixColor>5)colorNo=5 if(colorNo==5)colorCheck+=1 insertHTML += '<SPAN style="font-family: Black; font-size:coolboo; color:'+fadecolor[colorNo]+'">' + msg [msgNo].text.substring(charCheck, charCheck+1) + '</SPAN>' } if(document.layers) { document.typeWriter.document.write(insertHTML) document.typeWriter.document.close() } else if (document.all) { document.all.typeWriter.innerHTML = insertHTML } setTimeout("typeIt()", 50) character++ colorNo=character-1 fixColor=character } else { character=1 colorNo=character-1 fixColor=character setTimeout("typeIt()", msg[msgNo].delay) msgNo++ } } } </script> <body onLoad="createArray()" text="#ffffff"> <div ID="typeWriter" style="position: absolute; left:2; top: 2; width: 601; height: 19"></div> </body> </html> 第 页 责任编辑:qwer19871212
相关文章
|
|