marquee实现内容滚动

最新推荐文章于 2023-06-16 17:34:41 发布

蚂蚁小帅哥

最新推荐文章于 2023-06-16 17:34:41 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前台（html、js、css）文章标签： html

本文链接：https://blog.youkuaiyun.com/ws_blog/article/details/12718681

web前台（html、js、css）专栏收录该内容

7 篇文章

订阅专栏

本文通过实例代码介绍了HTML中的marquee标签，展示了如何创建内容滚动效果，包括不同方向、行为、循环次数、速度及样式设置等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<marquee> ... </marquee>
<marquee>啦啦啦，我会移动耶！</marquee>
<marquee direction=left>啦啦啦，我从右向左移！</marquee> <P>
<marquee direction=right>啦啦啦，我从左向右移！</marquee>
<marquee behavior=scroll>啦啦啦，我一圈一圈绕着走！</marquee> <P>
<marquee behavior=slide>啦啦啦，我只走一次就歇了！</marquee> <P>
<marquee behavior=alternate>啦啦啦，我来回走耶！</marquee>
<marquee loop=3 width=50% behavior=scroll>啦啦啦，我只走 3 趟哟！</marquee> <P>
<marquee loop=3 width=50% behavior=slide>啦啦啦，我只走 3 趟哟！</marquee> <P>
<marquee loop=3 width=50% behavior=alternate>啦啦啦，我只走 3 趟哟！</marquee>
<marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>
<marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>
<align=#>
<font size=6>
<marquee align=# width=400>啦啦啦，我会移动耶！</marquee>
</font>
<bgcolor=#>
<marquee bgcolor=aaaaee>啦啦啦，我会移动耶！</marquee>
<height=# width=#>
<marquee height=40 width=50% bgcolor=aaeeaa>
啦啦啦，我会移动耶！
</marquee>
<hspace=# vspace=#>
<br>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦，我会移动耶！</marquee>