JavaScript圖文詳細教程之自制活動字幕_javascript

　　做字幕并非專業人士才能做到的，要想做活動字幕其實也是網頁必備技能之一，大家可以做做看。活動字幕是網頁中經常使用的組件之一，它能使整個網頁更有動感，顯得很有生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用JavaScript編程可以實現各種活動字幕效果，所需的代碼很少，確實能夠以較少的下載時間換來較好的效果。該標記語法格式如下：

JavaScript教程

　　《marquee

　　aligh=left/center/right/top/bottom

　　bgcolor=#n

　　font=n

　　direction=left/right/up/down

　　behavior=type

　　height=n

　　hspace=n

　　scrollamount=n

　　Scrolldelay=n

　　width=n

　　VSpace=n

　　loop=n》

　　可以看出由于活動字幕的顯示方式多種多樣，可選的參數也很多。

　　Bgcolor：用于設定活動字幕的背景顏色，一般是十六進制數。

　　Behavior：用于設定滾動的方式，主要由三種方式：behavior=“scroll”表示從一端滾動到另一端；behavior=“slide”表示從一端快速滑動到另一端，且不重復；behavior=“alternate”表示在兩端之間來回滾動。

　　Hspace和vspace：分別用于設定滾動字幕的左右邊框和上下邊框的寬度。

　　Scrollamount：用于設定活動字幕一次滾動的距離。

　　scrolldelay：用于設定滾動兩次之間的延遲時間。

　　Loop：用于設定滾動的次數，當loop=-1表示一直滾動下去，直到頁面更新。

　　《marquee》標記的默認情況是向左滾動無限次，字幕高度是文本高度，滾動范圍：水平滾動的寬度是當前位置的寬度；垂直滾動的高度是當前位置的高度。下面是兩個通過JavaScript編程實現特殊效果活動字幕的腳本代碼：

　　★帶鏈接的水平滾動字幕★

　　帶鏈接的水平滾動字幕一般用于廣告宣傳，非常醒目：

　　《script language=“JavaScript”》

　　var marqueewidth=400

　　var marqueeheight=20

　　var speed=4

　　var marqueecontents=‘《strong》《big》歡迎訪問《a href=“www.cce.com.cn”》中國電腦教育報網站《/a》歡迎您光臨《a href=“mailto:net@cce.com.cn”》給我來封信！《/a》《/big》《/strong》《/font》’

　　document.write（‘《marquee scrollAmount=’+speed+‘ style=“width：’+marqueewidth+‘”

　　》’+marqueecontents+‘《/marquee》’）

　　《/script》

　　★帶鏈接的垂直滾動字幕★

　　垂直滾動的活動字幕常用于以滾動方式發布新聞。腳本代碼中參數“behavior、derection、width、height、scrollamount、scrolldelay”分別確定了活動字幕的滾動方式、滾動方向、寬度、高度、一次滾動距離、延遲時間等，另外參數“onmouseover=‘this.stop（）’”所實現的效果是當鼠標指針移動到活動字幕上時，字幕停止滾動，參數“onmouseout=‘this.start（）’”恰好與之相反。

　　《script language=vbScript》document.write（“《marquee behavior=scroll direction=up width=130 height=80 scrollamount=1 scrolldelay=60 onmouseover=‘this.stop（）’ onmouseout=‘this.start（）’》”）《/script》

　　《p》《a href=“www.sohu.com”》

　　《/a》《br》

　　《a href=“xwgg/bys.htm ”》~=~》》畢業班學生下周離校《/a》《br》

　　《a href=“xwgg/fj.htm ”》~=~》》7月10日放暑假《/a》《br》

　　《a href=“xwgg/slnh”》~=~》》省水利年會在我校召開《/a》《br》《br》

　　《script language=vbScript》document.write

　　（“《/marquee》”）《/script》

　　《/p》

　　將上述代碼嵌入網頁中的適當位置，并改變鏈接內容即可得到一個滾動的新聞公告欄。