zoukankan      html  css  js  c++  java
  • marquee实现滚动

    marquee的基本语法:<marquee> ... </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>

    本文来自博客园,作者:喆星高照,转载请注明原文链接:https://www.cnblogs.com/houxianzhou/p/14188736.html

  • 相关阅读:
    css-深入理解margin和padding
    js的自定义事件
    jcFlexible.js的小Demo
    volatile关键字回顾
    threadLocalMap理解
    常用SQL笔记
    MyISAM和innoDB对比,覆盖索引简单回顾
    经典算法回顾:两个队列生成一个栈,两个栈生成一个队列
    Memcached与Redis对比,Redis基础笔记回顾
    ES(ElasticSearch)学习总结
  • 原文地址:https://www.cnblogs.com/houxianzhou/p/14188736.html
Copyright © 2011-2022 走看看