1.Marquee基本语法
<marquee> … </marquee>
实例演示：会移动的文字(Marquee)
<marquee>啦啦啦，我会移动耶！</marquee>
2.文字移动属性
（1）方向 ：direction=#
- #=left, right,up,down
例：
<marquee direction=left>啦啦啦，我从右向左移！</marquee> <marquee direction=right>啦啦，我从左向右移！</marquee> <marquee direction=up>啦啦啦，我从下向上移！</marquee> <marquee direction=down>啦啦，我从上向下移！</marquee>
（2）方式： behavior=#
- #=scroll(循环),
- slide(只走一次)
- alternate(来回走，文字在边界内撞来撞去)
<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <P> <marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <P> <marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>
（3）循环: loop=#
- #=次数；若未指定则循环不止(infinite)
<marquee loop=1 width=50% behavior=scroll>啦啦啦，我只走 1 趟哟！</marquee> <P> <marquee loop=2 width=50% behavior=slide>啦啦啦，我只走 2 趟哟！</marquee> <P> <marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>
（4）速度: scrollamount=#
通过这个属性能够调整文字滚动的速度。值越大速度越快。
<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>
（5）延时: scrolldelay=#
通过这个属性，可以在每一次滚动的间隔产生一段时间的延迟。
<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
3．外观(Layout)设置
（1）底色: bgcolor=#
#=RRGGBB 16 进制颜色代码
<marquee bgcolor="#CCCCCC"> 啦啦啦，我会移动耶！ </marquee>
（2）面积: height=# width=#
<marquee height="40" width="50%"> 啦啦啦，我会移动耶！ </marquee>
（3）hspace、vspace：空白空间(相当于设置margin值)
说明：hspace：设定活动字幕里所在的位置距离父容器水平边框的距离，如hspace=“10”，即等同于：margin：0 10px；
vspace：设定活动字幕里所在的位置距离父容器垂直边框的距离，如vspace=“10”，即等同于：margin：10px 0；
<marquee hspace="10" vspace="10">啦啦啦，我会移动耶！</marquee>
marquee常用到的两个事件：
onMouseOut=”this.start()” 用来设置鼠标移出该区域时继续滚动
onMouseOver=”this.stop()” 用来设置鼠标移入该区域时停止滚动
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3307.html
微信扫一扫 
支付宝扫一扫 