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

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

牛逼了,啊哈哈。

<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()" 移进停止滚动

原文地址:https://www.cnblogs.com/ZLHF/p/7099756.html