語法展示:: http://home.graffiti.net/wvhnkkop/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var scrtxt="這個跑馬燈的字會兩個字兩個字顯示......最後還會閃爍喔!";
var lentxt=scrtxt.length;
var width=80;
var count=0;
var left=0;
var abc=0;
function scroll() {
var txt="";
var scroller="";
if (abc>0) {
if ((abc%2)==1) { document.guestbook.jeffscroll.value=""; }
else { document.guestbook.jeffscroll.value=scrtxt; }
abc++;
if (abc==8) abc=0;
} else {
if (count>0) {
scroller=scrtxt.substring(0,count);
txt=scrtxt.substring(count,count+2);
} else { txt=scrtxt.substring(0,2); }
for (var i=0; i<(width-left); i++) { scroller += " "; }
if ((width-left)>2) { left+=(width-left)/2; }
else { left++; }
if (left>=width) { count+=2; left=count; }
if (count>=lentxt) { left=count=0; abc=1; }
document.guestbook.jeffscroll.value=scroller+txt;
}
setTimeout("scroll()",128);
}
-->
</script>
在 var scrtxt="這個跑馬燈的字會兩個字兩個字顯示......最後還會閃爍喔!"; 中修改要顯示的文字 |
在 var width=80; 中修改跑馬燈文字從右邊出現的距離 |
將以下程式碼複製,貼在插入<body >標籤裡面。
onLoad="scroll()"
將以下程式碼複製,貼在<body>及</body>標籤之間。
<center>
<form name="guestbook" onSubmit="0">
<input type="text" size="50" name="jeffscroll">
</form>
</center>
在 <input type="text" size="50" name="jeffscroll"> 中修改跑馬燈的長度
留言列表