html 自动滚动通知,Marquee标签实现跑马灯、滚动公告、通知效果

1.Marquee基本语法

…

啦啦啦，我会移动耶！

2.文字移动属性

(1)方向 ：direction=#

#=left, right,up,down

例：

啦啦啦，我从右向左移！

啦啦，我从左向右移！

啦啦啦，我从下向上移！

啦啦，我从上向下移！

(2)方式： behavior=#

#=scroll(循环),

slide(只走一次)

alternate(来回走，文字在边界内撞来撞去)

啦啦啦，我一圈一圈绕着走！

啦啦啦，我只走一次就歇了！

啦啦啦，我来回走耶！

(3)循环:  loop=#

#=次数；若未指定则循环不止(infinite)

啦啦啦，我只走 1 趟哟！

啦啦啦，我只走 2 趟哟！

啦啦啦，我只走 3 趟哟！

(4)速度: scrollamount=#

通过这个属性能够调整文字滚动的速度。值越大速度越快。

啦啦啦，我走得好快哟！

(5)延时: scrolldelay=#

通过这个属性，可以在每一次滚动的间隔产生一段时间的延迟。

啦啦啦，我走一步，停一停！

3．外观(Layout)设置

(1)底色: bgcolor=#

#=RRGGBB  16 进制颜色代码

啦啦啦，我会移动耶！

(2)面积: height=#  width=#

啦啦啦，我会移动耶！

(3)hspace、vspace：空白空间(相当于设置margin值)

说明：hspace：设定活动字幕里所在的位置距离父容器水平边框的距离，如hspace=“10”，即等同于：margin：0 10px；

vspace：设定活动字幕里所在的位置距离父容器垂直边框的距离，如vspace=“10”，即等同于：margin：10px 0；

啦啦啦，我会移动耶！

marquee常用到的两个事件：

onMouseOut=”this.start()” 用来设置鼠标移出该区域时继续滚动

onMouseOver=”this.stop()” 用来设置鼠标移入该区域时停止滚动

125网页设计-权威的网页制作，网页设计教程基地

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/3307.html