• 最简单的走马灯


    marquee实现滚动

    1.滚动方向 (direction):left(左)、right(右)、up(上)、down(下)。

    例:<marquee direction="up">向上移动</marquee>

    2、移动方式 ( behavior):scroll(循环移动)、slide(只移动一次)、alternate(来回移动)

    <marquee direction="left" behavior="scroll"><span>向左滚动></span><span>不停的循环滚动</span></marquee>

    3、循环次数 (loop)

     <marquee direction="left" behavior="scrool" loop="3">向左滚动3次</marquee>

    4、移动速度 (scrollamount):移动速度。值取正整数。数值越大,速度越快。

    <marquee scrollamount="10" direction="left" behavior="scrool" loop="3">向左以10的速度滚动3次</marquee>

    5、延时 (scrolldelay)

    <marquee scrollamount="10" direction="left" behavior="scrool" loop="3" scrolldelay="1000">向左以10的速度滚动3次,延时1秒</marquee>

    6、底色 (bgcolor)

    <marquee scrollamount="10" direction="left" behavior="scrool" loop="3" scrolldelay="1000" bdcolor="green">向左以10的速度滚动3次,延时1秒,背景色是绿色</marquee>

    7、滚动范围:width和height

    8、空白空间:hspace(水平间距)、vspace(上下间距)

    9、对齐方式(align):top(上)、 middle(居中)、bottom>(下)

    <marquee scrollamount="10" direction="left" behavior="scrool" loop="3" scrolldelay="1000" bdcolor="green" hspace="20px" vspace="10px" width="200px" height="20px" align="middle">
      向左以10的速度滚动3次,延时1秒,背景色是绿色,左右外边距是20px,上下外边距是10px,宽是200px,高是20px,文字居中对齐
    </marquee>
  • 相关阅读:
    vue--一些预设属性
    vue--vux框架的使用
    vue--vConsole
    vue--音乐播放器
    vue--使用vue-cli构建项目
    vue--实例化对象
    vue--数据显示模版上
    CSS--交互效果
    Git SSH公钥配置
    gradle配置国内镜像
  • 原文地址:https://www.cnblogs.com/randon/p/13572585.html
Copyright © 2020-2023  润新知