用&#106avascript制作活動字幕 – JAVA編程語言程序開發技術文章

活動字幕是網頁中經常使用的組件之一,它能使整個網頁更有動感,顯得很有生氣。現在的網站中也越來越多地使用活動字幕來加強網頁的互動性。用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=”http://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=”http://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〉

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

You May Also Like