語法說明:
在 var fs=2 及 fs==2 中修改最小文字的大小
在 fs<6 及 fs==6 中修改最大文字的大小
在 rollertext("歡迎光臨小林工作室") 中自行修改顯示的文字
nicole 發表在 痞客邦 留言(0) 人氣(33)
語法說明:
在 var theText = "歡迎光臨小林工作室!!"; 中自行修改要顯示的文字
在 return (20*Math.abs 中修改最小時文字的大小
在 setTimeout("doWave(" + (n+1) + ")", 50); 中修改顯示特效的速度
<!--波浪文字_開始--> <script language="JavaScript"> <!-- var theText = "歡迎光臨小林工作室!!"; function nextSize(i,incMethod,textLength) { if (incMethod == 1) return (20*Math.abs( Math.sin(i/(textLength/3.14))) ); if (incMethod == 2) return (155*Math.abs( Math.cos(i/(textLength/3.14)))); } function sizeCycle(text,method,dis) { output = ""; for (i = 0; i < text.length; i++) { size = parseInt(nextSize(i +dis,method,text.length)); output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>"; } theDiv.innerHTML = output; } function doWave(n) { sizeCycle(theText,1,n); if (n > theText.length) {n=0} setTimeout("doWave(" + (n+1) + ")", 50); } --> </script> <div ID="theDiv" align="center"></div> <body onload="doWave(0)"> <!--波浪文字_結束--> |
nicole 發表在 痞客邦 留言(0) 人氣(23)
語法說明:
1.在 style='position:relative;width:450px;height:50px;font-family:細明體;font-size:30px;color:#0080FF' 中作文字的設定,依序為:特效的寬度、特效的高度、文字的字體、文字的大小、文字的顏色
2.請自行修改文字的內容
<!--波浪文字_開始--> <body onLoad="if (document.all)test()"> <script language=JavaScript> <!-- if (document.layers) { alert("對不起,你的瀏覽器不支持此程式碼特效。"); opener.gO();window.close(); } else if (document.all){ var step=3; var xstep=0; var msg='歡迎光臨小林工作室'; document.write("<center><div id='water' style='position:relative;width:450px;height:50px;font-family:細明體;font-size:30px;color:#0080FF'>"+msg+"</div></center>"); function test(){ document.all.water.style.filter='wave(freq=3, strength=5, phase='+xstep+', lightstrength=45, add=0, enabled=1)'; xstep+=step; TIMER=setTimeout('test()',10); } } --> </script> <!--波浪文字_結束--> |
nicole 發表在 痞客邦 留言(0) 人氣(26)
語法說明:
在 message="小林工作室
http://ns-girl.myweb.hinet.net/" 中修改文字的內容
在 <div id="jumpx" align="center" style="font-family:細明體;color:#000000;font-size:15pt"></div> 中修改文字的字體、大小及顏色
<!--波浪文字_開始--> <script language="JavaScript"> <!-- <!--在此修改文字的內容--> message="小林工作室http://ns-girl.myweb.hinet.net/" ns6switch=1 var ns6=document.getElementById&&!document.all mes=new Array(); mes[0]=-2; mes[1]=-5; mes[2]=-8; mes[3]=-11; mes[4]=-14; mes[5]=-11; mes[6]=-8; mes[7]=-5; mes[8]=-2; num=0; num2=0; txt=""; function jump0(){ if (ns6&&!ns6switch){ jump.innerHTML=message return } 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.n0 nfinal.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 < 70){ 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> <div id="jumpx" align="center" style="font-family:細明體;color:#000000;font-size:15pt"></div> <script language="JavaScript"> <!-- if (document.all||document.getElementById){ jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx jump0() } else document.write(message) --> </script> <!--波浪文字_結束--> |
nicole 發表在 痞客邦 留言(0) 人氣(30)