語法說明：
在 var fs=2 及 fs==2 中修改最小文字的大小
在 fs<6 及 fs==6 中修改最大文字的大小
在 rollertext("歡迎光臨小林工作室") 中自行修改顯示的文字
在 var fs=2 及 fs==2 中修改最小文字的大小
在 fs<6 及 fs==6 中修改最大文字的大小
在 rollertext("歡迎光臨小林工作室") 中自行修改顯示的文字
- 9月 23 週日 200720:03
波浪文字(一)
- 9月 23 週日 200720:01
波浪文字(二)
語法說明：
在 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)">
<!--波浪文字_結束-->
在 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)">
<!--波浪文字_結束-->
- 9月 23 週日 200719:57
波浪文字(三)
語法說明：
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>
<!--波浪文字_結束-->
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>
<!--波浪文字_結束-->
- 9月 23 週日 200719:56
波浪文字(四)
語法說明：
在 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>
<!--波浪文字_結束-->
在 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>
<!--波浪文字_結束-->
1
° ▪ ▫ 教學 ▫ ▪ ° (4)