Marquee滾動總結


一、Marquee詳解

1、Marquee經常用到的兩個事件

onMouseOut="this.start()";用來設置鼠標移除出區域時繼續滾動;

onMouseOver=“this.stop()”;用來設置鼠標移入該區域時停止滾動.

2、Marquee向左滾動(缺陷不能實現無縫滾動)

<marguee scrollAmount=3  width=900 style="color:#FF0000;font-size:12px; align="texttop" height="14">第二期網上開店免費培訓課程將在經七緯一濟南日報大廈20樓會議室舉行,如果你想通過網絡實現創業夢想請撥打咨詢電話:0531-82886496預約課程! ";

3、向上滾動

例子:<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
這是一個完整的例子
</marquee>

(1)align:設定<marquee>標簽內容的對齊方式

absbottom:絕對底部對齊

absmiddle:絕對中央對齊

baseline:底線對齊

bottom:底部對齊

left:左對齊

middle:中間對齊

right:右對齊;

texttop:頂線對齊

top:頂部對齊

指整個Marquee對齊方式;

(2)behavior:設置滾動的方式:

scroll:表示由一端滾動到另一端,會重復,缺陷是不能無縫滾動。

slide:表示由一段滾動到另一端,不會重復.

alternate:表示在兩端之間來回滾動。

(3)bgcolor:設定活動字幕的背景顏色,背景顏色可用RGB、16進制格式或顏色名稱來設定。

(4)設定活動字幕的滾動方向

設定活動字幕的滾動方向用direction屬性

滾動方向分為:down、left、right、up。

(4)height、width活動字幕高度、寬度。

(5)hspace 設定活動字幕里所在的位置距離父容器水平邊框的距離(增大距離向左移動)

vspace
設定活動字幕里所在的位置距離父容器垂直邊框的距離(增大距離向下移動)

(6)loop設置滾動的次數默認為-1會一直滾動下去。

(7)scrollamount設置滾動字母的速度

設定活動字幕的滾動速度

(8)scrolldelay:設定活動字幕滾動的兩次之間的延長時間。(單位毫秒)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM