字幕图片滚动<marquee>标签

<!-- 基本 -->
<marquee>我是一代滚动横幅,我会滚动</marquee>

<!-- 添加鼠标事件(移入停止滚动,移出继续滚动) -->
<marquee onMouseOut="this.start()" onMouseOver="this.stop()">我是二代滚动横幅,想停就停,想动就动</marquee>

<!-- 添加属性 -->
<marquee align="left" behavior="scroll" bgcolor="#3e3e3e" direction="up" height="240" width="320" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">我是三代滚动横幅,有全部属性</marquee>

<!--
    属性解析
    align: 内容对齐方式
        absbottom         绝对底部对齐
        absmiddle         绝对中央对齐
        baseline        底线对齐
        bottom        底部对齐(默认)
        left            左对齐
        middle        中间对齐
        right            右对齐
        top             顶部对齐
        texttop        顶线对齐

    behavior: 滚动方式
        alternate        两端之间来回滚动
        scroll             一端到另一端(循环滚动)
        slide             一端到另一端(不循环)

    bgcolor: 背景颜色

    direction: 滚动方向 up、down、left、right

    height: 高度

    width: 宽度

    hspace: 左右边距    等同于margin:0 x;

    vspace: 上下边距    等同于margin:x 0;

    loop: 滚动次数   默认为-1   无限制

    scrollamount:  滚动速度 单位px(像素)

    scrolldelay: 滚动的时间间隔 单位ms(毫秒)
-->

 

posted @ 2017-06-20 09:56  大鱼海棠8  阅读(179)  评论(0编辑  收藏  举报