--实现循环滚动效果--
牛逼了,啊哈哈。
<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 设置宽度
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()" 移进停止滚动