像波浪一樣的JS動態(tài)文字特效

2024-09-05 12:21:39

字體：大中小

供稿：網(wǎng)友

再發(fā)一個JS文字特效，發(fā)浪的文字，像波浪一樣的動態(tài)文字效果，第一個文字晃動后，緊隨其后的文字就跟著晃動，一層一層的晃動，就像波浪一樣，所以就叫它為波浪文字吧。

<html><head><title>發(fā)浪的文字</title><script>message="歡迎來到VeVb!"ns6switch=1var ns6=document.getElementById&&!document.allmes=new Array();mes[0]=-1;mes[1]=-4;mes[2]=-7;mes[3]=-10;mes[4]=-7;mes[5]=-4;mes[6]=-1;num=0;num2=0;txt="";function jump0(){if (ns6&&!ns6switch){jump.innerHTML=messagereturn}if(message.length > 6){for(i=0; i != message.length;i++){txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};jump.innerHTML=txt;txt="";jump1a()}else{alert("http://www.companysz.com")}}function jump1a(){nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0nfinal.style.left=-num2;if(num2 != 9){num2=num2+3;setTimeout("jump1a()",50)}else{jump1b()}}function jump1b(){nfinal.style.left=-num2;if(num2 != 0){num2=num2-3;setTimeout("jump1b()",50)}else{jump2()}}function jump2(){txt="";for(i=0;i != message.length;i++){if(i+num > -1 && i+num < 7){txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"}else{txt=txt+"<span>"+message.charAt(i)+"</span>"}}jump.innerHTML=txt;txt="";if(num != (-message.length)){num--;setTimeout("jump2()",50)}else{num=0;setTimeout("jump0()",50)}}</script></head><body><h2><div   class="70qarhlowxag"   id="jumpx" style="color:33ff33"></div></h2><script>if (document.all||document.getElementById){jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpxjump0()}elsedocument.write(message)</script></body></html>

上一篇：滾動變色的文字特效，js代碼

下一篇：火熱的文字特效代碼-高閃亮字