marquee標簽的使用
marquee語法
<marquee></marquee>
實例一
<marquee>Hello, World</marquee>
marquee常用到的兩個事件:
onMouseOut="this.start()" 當鼠標移出該區域時
onMouseOver="this.stop()" 當鼠標移入該區域時
實例二
<marquee onMouseOut="this.start()" onMouseOver="this.stop()">marquee常用到的兩個事件</marquee>
下面開始說一下marquee所支持的屬性
behavior
alternate:來回滾動。
scroll: 重復滾動。
slide: 不重復滾動。
代碼如下:
<marquee behavior="alternate">來回滾動。 </marquee>
<marquee behavior="scroll">重復滾動。</marquee>
<marquee behavior="slide">不重復滾動。</marquee>
bgcolor設定活動字幕的背景顏色。
代碼如下:
<marquee bgcolor="#006699">設定活動字幕的背景顏色</marquee>
<marquee bgcolor="RGB(10%,50%,100%,)">設定活動字幕的背景顏色 </marquee>
<marquee bgcolor="red">設定活動字幕的背景顏色</marquee>
direction設定活動字幕的滾動方向
代碼如下:
<marquee direction="down">設定活動字幕的滾動方向向下</marquee>
<marquee direction="left">設定活動字幕的滾動方向向左</marquee>
<marquee direction="right">設定活動字幕的滾動方向向右</marquee>
<marquee direction="up">設定活動字幕的滾動方向向上</marquee>
height設定活動字幕的高度
代碼如下:
<marquee height="500" direction="down" bgcolor="#CCCCCC">設定活動字幕的高度</marquee>
width設定活動字幕的寬度
代碼如下:
<marquee width="500" bgcolor="#CCCCCC">設定活動字幕的寬度</marquee>
loop設定滾動的次數,當loop=-1表示一直滾動下去,默認為-1
代碼如下:
<marquee loop="-1" bgcolor="#CCCCCC">我會不停地走。</marquee>
<marquee loop="2" bgcolor="#CCCCCC">我只走兩次哦</marquee>
scrollamount設定活動字幕的滾動速度,單位pixels
代碼如下:
<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>
scrolldelay設定活動字幕滾動兩次之間的延遲時間,單位millisecond(毫秒)
值大了會有一步一停頓的效果
代碼如下:
<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100"</marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>
marquee標簽的使用