前端滚动字幕

适用范围

对于网站来说，网站上的广告位是个重要的经济来源。那么如何最大限度得使用这些仅有的广告位呢？没错我们可以采用轮播的方式在有限的空间内展现更多的内容。制作滚动字幕就要用到HTML中的Marquee标签。这里滚动的内容不仅仅是字幕可以是文字、图片、Flash动画和表格。

Marquee详解

<marquee>滚动文字 </marquee> 

文字移动属性的设置 

方向

<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> <P>
<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>

动作设置

onMouseOut=this.start() ........鼠标移出状态滚动

onMouseOver=this.stop() .........鼠标经过时停止滚动

实例下载