JS 滾動字幕

<marquee
align=left|center|right|top|bottom
bgcolor=#n
direction=left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>內容</marquee>
各參數詳解:
align:是設定活動字幕的位置,除了居左、居中、居右三種位置外,又增加靠上(top)和靠下(bottom)兩種位置。
Bgcolor:用於設定活動字幕的背景顏色,可以使用英文的單詞也可以是十六進制數的。
Direction:用於設定活動字幕的滾動方向是向左(left)、向右(right)、向上(up)、向下(down)。
Behavior:用於設定滾動的方式,主要由三種方式:
     behavior="scroll"表示由一端滾動到另一端;
     behavior="slide":表示由一端快速滑動到另一端,且不再重複;
     behavior="alternate"表示在兩端之間來回滾動。
Height:用於設定滾動字幕的高度。
Width:則設定滾動字幕的寬度。
Hspace和vspace:分別用於設定滾動字幕的左右邊框和上下邊框的寬度。
Scrollamount:用於設定活動字幕的滾動距離。數值越小,滾動的速度就越快。默認爲6,建議設爲1~3比較好
scrolldelay:用於設定滾動兩次之間的延遲時間,數值越小,間隔就越小。
Loop:用於設定滾動的次數,當loop=-1表示一直滾動下去,直到頁面更新。其中默認情況是向左滾動無限次,字幕高度是文本高度;滾動範圍:水平滾動的寬度是當前位置的寬度;垂直滾動的高度是當前位置的高度。

<οnmοuseοver=stop() οnmοuseοut=start()>鼠標事件

一個實例:
<marquee
align=left
direction=up
behavior=scroll
height=72
scrollamount=2
Scrolldelay= 1
loop=-1
οnmοuseοver=stop()
οnmοuseοut=start()>
<div align="left">
<%if(marryds.first()){
do{%>
<img src="images/hot1.gif"><a href="../marryindex.jsp?myid=<%=ds.getString("sequenceid")%> "class="jh">
<%=CodeChange.subStr(marryds.getString("text"),20)%> </a> <br>
<%}while(marryds.next());
}
%>
</div>
</marquee>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章