最常见的一款Js文字特效

2024-09-05 12:21:23

字体：大中小

来源：转载

供稿：网友

最常见的一款JS文字特效，水波文字，一个一个上下起伏，现在还有网站在用呢！众口难调，肯定有人会喜欢。注意，文字至少要在10个以上，否则会有提示，而且也看不到效果。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>文字特效</title></head><body><script language="JavaScript">message="最常见的一款Js文字特效"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("Your message is to short")}}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:#0066cc"></div></h2><script>if (document.all||document.getElementById){jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpxjump0()}elsedocument.write(message)</script></body></html>

上一篇：类似打字效果的文字特效

下一篇：Js渐变文字切换代码

学习交流

如何查找有故障的配件

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

热门图片

猜你喜欢的新闻

猜你喜欢的关注