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=#> #=top, middle, bottom
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>

底色
<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>

下面是一个滚动文本的实例:

页面源代码如下:
<marquee direction=up height=100 width=100 id=textword onmouseout=textword.start() onmouseover=textword.stop() scrollAmount=2 scrollDelay=100>这是一段向上滚动的文本内容!</marquee>

实例效果如下:
这是一段向上滚动的文本内容!

注:哪果上面的ID去掉,那后面的语句要改为:onmouseout=this.start()


返  回