1. 程式人生 > >marquee標簽的使用

marquee標簽的使用

實例 開始 背景 mouseover bsp 方式 tar hello del

marquee語法
<marquee></marquee>

實例一
<marquee>Hello, World</marquee>

marquee常用到的兩個事件:
onMouseOut="this.start()" 當鼠標移出該區域時
onMouseOver="this.stop()" 當鼠標移入該區域時

實例二
<marquee onMouseOut="this.start()" onMouseOver="this.stop()">marquee常用到的兩個事件</marquee>


下面開始說一下marquee所支持的屬性


beha
vior

設定滾動的方式:
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標簽的使用