美文网首页
HTML < marquee > 标签实现滚动效果

HTML < marquee > 标签实现滚动效果

作者: 科哚洛夫 | 来源:发表于2017-07-16 19:54 被阅读681次

今天无意中发现了html <marquee></marquee> 标签如此强大. 可以实现多种滚动效果,更本无需js控制。 使用marquee标记不仅可以移动文字,还可以移动图片,等等......

语法:< marquee >...< /marquee >; 说明: 在标记之间添加要进行滚动的内容。

重要属性:

1.滚动方向 direction属性(包括4个值:up、 down、 left和 right)


语法:<marquee direction="滚动方向">...</marquee>

2.滚动方式 属性: behavior 属性值: scroll:循环滚动,默认效果; 属性值:slide:只滚动一次就停止; 属性值: alternate:来回交替进行滚动)


语法:<marquee behavior="滚动方式">...</marquee>

3.滚动速度 属性:scrollamount(滚动速度是设置每次滚动时移动的长度,以像素为单位)


 语法:<marquee scrollamount="5">...</marquee>

4.滚动延迟scrolldelay(设置滚动的时间间隔,单位是毫秒)


 语法:<marquee scrolldelay="100">...</marquee>

5.滚动循环 属性:loop(默认值是-1,滚动会不断的循环下去)


语法:  marquee loop="2">...</marquee>

6.滚动范围width、height

7.滚动背景颜色bgcolor

8.空白空间hspace、vspace

相关文章