不少JavaScript高手的主頁上都有用JavaScript編寫的帶有鏈接的滾動公告欄,不僅使主頁有限的空間顯示更多內容,也使主頁增加了動態效果,令人賞心悅目,讓許多不懂JavaScript的羨慕不已。其實,不用JavaScript,用DHTM提供的字幕<marquee>也能達到相同的效果,而且簡單很多。下面我就來跟大家介紹以下字幕的用法:
在HTML文件中用<marquee></marquee>標記對插入字幕。字幕<marquee>主要有下列屬性:
align:字幕文字對齊方式
width:字幕高度
high:字幕高度
direction:文字滾動方向,其值可取right,left,up,down;
behavior:字幕動態效果,其值可取scroll(滾動),slide(幻燈片),alteernat(交替),預設值為scroll;
scrolldelay:滾動延遲時間,單位毫秒
scrollamount:滾動數量,單位像素。
另外可以用color,bgcolor,font-size等屬性對字幕文字進行修飾。字幕文字寫在<marquee></marquee>標記對之間,字幕文字也可插入HTML標記,這使得我們可以在字幕文字中插入超級連結。為了更好地控製字幕在頁面上的位置,建議最好將字幕放在表格中。下面是一個帶有連結的滾動公告欄的實例:
<table border=″0″ cellpadding=″0″ cellspacing=″0″width=″100%″ height=″80″>
<tr>
<td width=″ 100%″ height=″77″><marquee direction=″up″ height=″50″ scrollAmount=″2″
style=″COLOR: rgb(100,100,100); FONT-FAMILY: 宋體_GB2312; FONT-SIZE: 9pt″ width=″500″ border=″0″>
歡迎參觀:<a href=″http://202.200.93.33″>遊戲總動員</a>,我們的口號是Just Play
本站包括以下欄位:
網頁製作教學:<a href=″jiaocheng/flash/teach.htm″>Flash教程</a>,<a href=″jiaocheng/dhtml/dhtml1.htm″>DHTM教程</a>,Javascript教程,< a href=″jiaocheng/dhtml/aspbase.htm″>Asp教程</a>
小遊戲:提供本地下載
開心小軟體:很好玩,好東西要跟朋友分享,不妨送給你的朋友
</marquee></td>
</tr>
</table>
另外,須要注意的是,FrontPage98編輯器不支援在字幕文字中插入HTML標記,因此,用FrontPage98編輯器不能在網頁中編輯上面的程式碼,你可以用文字編輯器來編輯。趕快動手試試吧!