0


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


跑馬燈特效語法




漸進式+閃爍式

1.將下列語法貼於</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>
2.將下列語法貼於<body>之中
 onLoad="scroll()"
3.將下列語法貼於跑馬燈在網頁呈現的地方
<center>
<form name="guestbook" onSubmit="0">
<input type="text" size="63" name="jeffscroll" style="color: #800000; font-size: 18pt; border: 0px solid #000000">
</form>
</center>


<input type="text" size="跑馬燈寬度" name="jeffscroll" style="color: 文字顏色; font-size: 文字大小pt; border: 外框大小px solid #外框顏色">


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