JS溶解形式的文字切換特效

2019-11-21 00:59:27

字體：大中小

供稿：網(wǎng)友

<html> <title>JS溶解形式的文字切換特效</title> <head> <SCRIPT> messages = new Array() messages[0] = "武林網(wǎng),都知道吧?" messages[1] = "我們更關(guān)注開(kāi)源,歡迎發(fā)布開(kāi)源源代碼" messages[2] = "提供給你一個(gè)有質(zhì)量的源代碼資料站" mescolor = new Array() mescolor[0] = "000000" mescolor[1] = "FF0000" mescolor[2] = "008800" messize = new Array() messize[0] = "30pt" messize[1] = "30pt" messize[2] = "30pt" var i_messages = 0 var timer function dotransition() { if (document.all) { content.filters[0].apply() content.innerHTML = "<span style='color:"+mescolor[i_messages]+";font-size:"+messize[i_messages]+";filter: revealTrans(Transition=12, Duration=3)'>"+messages[i_messages]+"</span>" content.filters[0].play() if (i_messages >= messages.length-1) { i_messages = 0 } else { i_messages++ } } if (document.layers) { document.content.document.write("<span style='color:"+mescolor[i_messages]+"'>"+messages[i_messages]+"</span>") if (i_messages >= messages.length-1) { i_messages = 0 } else { i_messages++ } } timer = setTimeout("dotransition()",4999) } </SCRIPT> </head> <body onload="dotransition()"> <div   class="iwvjtn8m0"   id="content" style="FILTER: revealTrans(Transition=12, Duration=2); HEIGHT: 200px; LEFT: 93px; POSITION: absolute; TEXT-ALIGN: center; TOP: 21px; WIDTH: 559px"></DIV> <div   class="iwvjtn8m0"   id="source" style="COLOR: #aaaaaa; LEFT: 94px; POSITION: absolute; TEXT-ALIGN: center; TOP: 243px; WIDTH: 560px"> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：文字在網(wǎng)頁(yè)上下浮動(dòng) 學(xué)習(xí)可以不建議用

下一篇：Marquee配合DIV實(shí)現(xiàn)的文字滾動(dòng)效果代碼