码迷,mamicode.com
首页 > 其他好文 > 详细

marquee实现滚动

时间:2020-12-30 11:18:09      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:外边距   居中   span   空白   alt   对齐   down   slide   otto   

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>

 

marquee实现滚动

标签:外边距   居中   span   空白   alt   对齐   down   slide   otto   

原文地址:https://www.cnblogs.com/houxianzhou/p/14188736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!