JavaScript圖文詳細(xì)教程之自制活動(dòng)字幕_javascript

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

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》

　　可以看出由于活動(dòng)字幕的顯示方式多種多樣，可選的參數(shù)也很多。

　　Bgcolor：用于設(shè)定活動(dòng)字幕的背景顏色，一般是十六進(jìn)制數(shù)。

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

　　Hspace和vspace：分別用于設(shè)定滾動(dòng)字幕的左右邊框和上下邊框的寬度。

　　Scrollamount：用于設(shè)定活動(dòng)字幕一次滾動(dòng)的距離。

　　scrolldelay：用于設(shè)定滾動(dòng)兩次之間的延遲時(shí)間。

　　Loop：用于設(shè)定滾動(dòng)的次數(shù)，當(dāng)loop=-1表示一直滾動(dòng)下去，直到頁面更新。

　　《marquee》標(biāo)記的默認(rèn)情況是向左滾動(dòng)無限次，字幕高度是文本高度，滾動(dòng)范圍：水平滾動(dòng)的寬度是當(dāng)前位置的寬度；垂直滾動(dòng)的高度是當(dāng)前位置的高度。下面是兩個(gè)通過JavaScript編程實(shí)現(xiàn)特殊效果活動(dòng)字幕的腳本代碼：

　　★帶鏈接的水平滾動(dòng)字幕★

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

　　《script language=“JavaScript”》

　　var marqueewidth=400

　　var marqueeheight=20

　　var speed=4

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

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

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

　　《/script》

　　★帶鏈接的垂直滾動(dòng)字幕★

　　垂直滾動(dòng)的活動(dòng)字幕常用于以滾動(dòng)方式發(fā)布新聞。腳本代碼中參數(shù)“behavior、derection、width、height、scrollamount、scrolldelay”分別確定了活動(dòng)字幕的滾動(dòng)方式、滾動(dòng)方向、寬度、高度、一次滾動(dòng)距離、延遲時(shí)間等，另外參數(shù)“onmouseover=‘this.stop（）’”所實(shí)現(xiàn)的效果是當(dāng)鼠標(biāo)指針移動(dòng)到活動(dòng)字幕上時(shí)，字幕停止?jié)L動(dòng)，參數(shù)“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 ”》~=~》》畢業(yè)班學(xué)生下周離校《/a》《br》

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

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

　　《script language=vbScript》document.write

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

　　《/p》

　　將上述代碼嵌入網(wǎng)頁中的適當(dāng)位置，并改變鏈接內(nèi)容即可得到一個(gè)滾動(dòng)的新聞公告欄。