0


歡迎光臨!! 救國團台中學苑 社會教育研習中心 電腦班隊研習營【網頁設計課程】

 


文字特效語法




波浪文字

下面語法貼在</HEAD>之前

<script language="JavaScript">
<!--
<!--在此修改文字的內容-->
message="
救國團台中學苑網頁設計課程很好玩唷!!"
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>

下面語法貼在<Body> </body>之間

<div id="jumpx" align="center" style="font-family:細明體;color:pink;font-size:20pt"></div>
<script language="JavaScript">
<!--
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
-->
</script>

 <div id="jumpx" align="center" style="font-family:細明體;color:#000000;font-size:15pt"></div> 中修改字體、大小及顏色 

 


上一頁下一頁 │                                      │ 回首頁 回特效語法  │