跑马灯！！！！的汉子你威武雄壮！！！

--实现循环滚动效果--

 

牛逼了，啊哈哈。

 

<marquee>

就是这个标签，不用写js，就可以实现左滚右滚上滚下滚循环不循环的效果。

 

最完整的的例子：

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">

NO.1 align:滚动内容对齐方式

　　　　absbottom：绝对底部对齐（与g、p等字母的最下端对齐）
　　　　absmiddle：绝对中央对齐
　　　　baseline：底线对齐
　　　　bottom：底部对齐（默认）
　　　　left：左对齐
　　　　middle：中间对齐
　　　　right：右对齐
　　　　texttop：顶线对齐
　　　　top：顶部对齐

NO.2 behavior:滚动方式

　　　　alternate： 表示在两端之间来回滚动。
　　　　scroll： 表示由一端滚动到另一端，会重复。
　　　　slide：  表示由一端滚动到另一端，不会重复。

NO.3 bgcolor:设定活动字幕的背景颜色，背景颜色可用RGB、16进制值的格式或颜色名称来设定

NO.4 direction:设定活动字幕的滚动方向

　　　　up:从下往上

　　　　down:从上往下

　　　　left:从右向左

　　　　right:从左向右

NO.5 height:设置高度

NO.6 width:设置宽度

NO.7 hspace:设定活动字幕里所在的位置距离父容器水平边框的距离

NO.8 vspace:设定活动字幕里所在的位置距离父容器垂直边框的距离

NO.9 loop:设定滚动的次数，当loop=-1表示一直滚动下去，默认为-1

NO.10 scrollamount:设定活动字幕的滚动速度，单位pixels

NO.11 scrolldelay:设定活动字幕滚动两次之间的延迟时间，单位millisecond（毫秒），值大了会有一步一停顿的效果

最常见的两个事件：

onMouseOut="this.start()" 移出开始滚动

onMouseOver="this.stop()" 移进停止滚动

 

转载于:https://www.cnblogs.com/ZLHF/p/7099756.html