<ul id="ige6q"></ul>

<fieldset id="ige6q"></fieldset>

<tfoot id="ige6q"><input id="ige6q"></input></tfoot><ul id="ige6q"></ul>

<tfoot id="ige6q"></tfoot>

波浪文字特效，很逼真哦

2024-09-05 12:21:27

字體：大中小

來(lái)源：轉(zhuǎn)載

供稿：網(wǎng)友

很逼真的波浪文字特效，像是以前玩的一個(gè)游戲一樣，由第一個(gè)字母依次向后倒。不過(guò)看上去這種效果用水紋、波浪形容好像更貼切一些吧。注意文字和文字顏色以及鏈接信息都是在JS中修改，應(yīng)該不難改。

<html><head><title>水波文字</title></head><body><script>message="文字水波特效，很逼真的效果"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("/")}}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><h2><div   class="2caagwy"   id="jumpx" style="color:red"></div></h2><script>if (document.all||document.getElementById){jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpxjump0()}elsedocument.write(message)</script></body></html>

上一篇：像歌詞跟著聲音走的JS文字效果

下一篇：Js隨機(jī)文字顯示