marquee滚动字幕或图片

 

 

 

marquee 滚动字幕或图片

 

 

<marquee> ... </marquee>
移动属性的设置 , 这种移动不仅仅局限于文字，也可以应用于图片，表格等等

鼠标属性

onMouseOut=this.start() ........ 鼠标移出状态滚动
onMouseOver=this.stop() ......... 鼠标经过时停止滚动

例如： <marquee direction=up scrollamount=2 height=130 οnmοuseοver=this.stop() οnmοuseοut=this.start()>

方向
<direction=#> #=left, right ,up ,down <marquee direction=left> 从右向左移！ </marquee>

方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll> 一圈一圈绕着走！ </marquee>
<marquee behavior=slide> 只走一次就歇了！ </marquee>
<marquee behavior=alternate> 来回走 </marquee>

循环
<loop=#> #= 次数；若未指定则循环不止 (infinite) <marquee loop=3 width=50% behavior=scroll> 只走 3 趟 </marquee>

<marquee loop=3 width=50% behavior=slide> 只走 3 趟 </marquee>
<marquee loop=3 width=50% behavior=alternate> 只走 3 趟！ </marquee>

速度
<scrollamount=#> <marquee scrollamount=20> 啦啦啦，我走得好快哟！ </marquee>

延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100> 啦啦啦，我走一步，停一停！ </marquee>

外观 (Layout) 设置

对齐方式 (Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400> 啦啦啦，我会移动耶！ </marquee>
</font>

底色
<bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee> 颜色！ </marquee>

面积
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa> 面积！ </marquee>

空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle> 面积！ </marquee>

如下例子：

1    滚动字幕

< marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">

        我爱你中国要相辅相成

</ marquee >

 

2    滚动图片

< marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" behavior="scroll" scrolldelay="300">

       <div>

        <img alt="image1/" src="css.bmp">

        <img alt="image1/" src="select.jpg">

        <img alt="image1/" src="zero.jpg">

       </div>

</ marquee >