像波浪一样的JS动态文字特效

2024-09-05 12:21:39

字体：大中小

来源：转载

供稿：网友

再发一个JS文字特效，发浪的文字，像波浪一样的动态文字效果，第一个文字晃动后，紧随其后的文字就跟着晃动，一层一层的晃动，就像波浪一样，所以就叫它为波浪文字吧。

<html><head><title>发浪的文字</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.vevb.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 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代码

下一篇：火热的文字特效代码-高闪亮字

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注