語法展示:: http://home.graffiti.net/ygvfr/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name=tmForm>
<input type=Text name=tmText size=50>
</form>
</center>
在 <input type=Text name=tmText size=50> 中修改跑馬燈的長度
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="Scroll1();"
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var msg="這是打字式+捲動式的跑馬燈，除了打字效果外，還會捲動喔！";
var interval = 250;
var space10=" ";
var seq=0;
function Scroll1() {
document.tmForm.tmText.value = msg.substring(0, seq+1);
seq++;seq++;
if ( seq >= msg.length ) { seq = 0;
window.setTimeout("Scroll2();", interval );
}
else
window.setTimeout("Scroll1();", interval );
}
function Scroll2() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
seq++;seq++;
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll2();", interval );
}
-->
</script>
在 var msg="這是打字式+捲動式的跑馬燈，除了打字效果外，還會捲動喔！"; 中修改要顯示的文字 |
在 var interval = 250; 中修改跑馬燈的速度 |
在 var space10=" "; 中修改重複顯示文字時，中間所要顯示的文字 |
asp520520 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ujhyygbv/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var line=new Array()
line[1]="紫蓮的部落格"
line[2]="PIXNET "
line[3]="有空多來逛逛喔"
line[4]="或推薦本站"
line[5]="感謝各位...... ^_^"
var ts_fontsize="15pt"
var longestmessage=2
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
var tscroller_width=line[longestmessage].length
lines=line.length-1
if (document.all||document.getElementById){
document.write('<center> <form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="\\"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="_"}
else if (cursor=="_"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",200)}
if (document.all||document.getElementById)
window.onload=animate
-->
</script>
| 自行修改跑馬燈的文字內容 |
| 在 var ts_fontsize="15pt" 中修改跑馬燈文字的大小 |
| 在 setTimeout("animate()",200)} 中修改跑馬燈的速度 |
asp520520 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/bmghgc/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var msg="這是個打字式的跑馬燈......不錯喔！";
var interval = 200;
seq = 0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(0, seq+1);
seq++;
if ( seq >= msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
-->
</script>
| 在 var msg="這是個打字式的跑馬燈......不錯喔！"; 中修改要顯示的文字 |
| 在 var interval = 200; 中修改跑馬燈的速度 |
將以下程式碼複製，貼在插入<body >標籤裡面。
onLoad="Scroll();"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name=tmForm>
<input type=Text name=tmText size=50>
</form>
</center>
在 <input type=Text name=tmText size=50> 中修改跑馬燈的長度
asp520520 發表在 痞客邦 留言(0) 人氣()
語法展示: http://home.graffiti.net/hbnfghfdx/
請用IE6.0或更新版本觀看語法特效展示
語法說明
將下列語法貼於</head>之前
<script language="JavaScript">
<!--
var msg="這是個捲動式的跑馬燈，雖然簡單但很實用喔......";
var interval = 500;
var space10=" ";
var seq=0;
function Scroll() {
document.tmForm.tmText.value = msg.substring(seq, msg.length) + space10 + msg.substring(0, msg.length);
seq++;seq++;
if ( seq > msg.length ) { seq = 0 };
window.setTimeout("Scroll();", interval );
}
-->
</script>
在 var msg="這是個捲動式的跑馬燈，雖然簡單但很實用喔......"; 中修改要顯示的文字
在 var interval = 500; 中修改跑馬燈的速度
在 var space10=" "; 中修改重複顯示文字時，中間所要顯示的文字
將下列語法貼於<body>之中
onLoad="Scroll();"
將以下程式碼複製，貼在<body>及</body>標籤之間。
<center>
<form name=tmForm>
<input type=Text name=tmText size=50>
</form>
</center>
在 <input type=Text name=tmText size=50> 中修改跑馬燈的長度
asp520520 發表在 痞客邦 留言(0) 人氣()
