网页特效：循环显示不同文字的效果

　　
　　
　　
　　
　　<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　 　if(fixColor>5)colorNo=5
　 　if(colorNo==5)colorCheck+=1
　　 insertHTML += '' + msg
　 　[msgNo].text.substring(charCheck, charCheck+1) + ''
　 　}
　 　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>
　　
　　

admin 管理员组

分享到：