您的位置:首页 > 产品设计 > UI/UE

marquee滚动字幕或图片

2008-03-15 10:37 465 查看
[align=left] [/align]
[align=left] [/align]
[align=left]marquee滚动字幕或图片[/align]
[align=left] [/align]
[align=left] [/align]
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
鼠标属性
onMouseOut=this.start() ........鼠标移出状态滚动
onMouseOver=this.stop() .........鼠标经过时停止滚动

例如:<marquee direction=up scrollamount=2 height=130 onmouseover=this.stop() onmouseout=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>
[align=left]如下例子:[/align]
[align=left]1 滚动字幕[/align]
[align=left]<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()">[/align]
[align=left] 我爱你中国要相辅相成[/align]
[align=left]</marquee>[/align]
[align=left] [/align]
[align=left]2 滚动图片[/align]
[align=left]<marquee scrollamount="4" onmouseover="this.stop()" onmouseout="this.start()" behavior="scroll" scrolldelay="300">[/align]
[align=left] <div>[/align]
[align=left] <img alt="image1/" src="css.bmp">[/align]
[align=left] <img alt="image1/" src="select.jpg">[/align]
[align=left] <img alt="image1/" src="zero.jpg">[/align]
[align=left] </div>[/align]
[align=left]</marquee>[/align]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: