在網頁的製作中,綜合運用dhtml、css技術,結合〈marquee〉標籤,可以在網頁中逼真地仿造出類似電視節目片頭中演職員表的效果。方法是,用〈div〉標籤結合樣式表的位置(position)屬性,在螢幕上開闢一塊區域,然後用樣式表alpha濾鏡將該區域設為半透明,再在該區域套用〈marquee〉標籤製作字幕移動效果。將以下程式碼複製到您網頁的適當位置,立即就能看到此效果。程式碼中的區域大小和bg_line.gif 圖形檔案可依您的需求修改。
〈div style="position:absolute;width:240px;height:200px;visibility:show;
z-index:10;left:310px;top:30px;background-color:lightyellow;
filter:alpha(opacity=85); "〉
〈table border=1 background="bg_100.jpg"〉
〈tr〉
〈td width=240〉
〈marquee style="height:200px;text-align:center;left:0px;top:1px;color:red ;
margin-left:1" scrollamount=1 behavior=loop direction=up〉
網站建置單位:國瑞公司〈br〉〈br〉
網頁製作:張慶〈br〉〈br〉
時間:二○○○年五月二十二日
〈/marquee〉
〈/td〉
〈/tr〉
〈/table〉
〈/div〉