marquee标签(html滚动效果)

1.behavior(滚动模式)

PS:可取scroll(单向循环)、alternate(来回滚动)、slide(单次滚动)

<marquee behavior="scroll">(默认)向左循环滚动</marquee>
<marquee behavior="alternate">来回滚动</marquee>
<marquee behavior="slide">左滚一次</marquee>

2.direction(方向)

PS:可取up,down,left,right,默认left

<marquee behavior="scroll" direction="right">向右循环滚动</marquee>

3.loop(循环控制)

PS:默认或-1或infinite无限循环,数值为循环次数,循环结束后内容会消失,样式依然存在

<marquee loop="3" bgcolor="red">循环3次后文字消失,背景依然存在</marquee>
<marquee loop="-1">无限循环</marquee>

4.scrollamount(滚动速度)、scrolldelay(停顿时间)

PS:scrollamount默认6,scrolldelay默认0,两者同时存在,听scrollamount的话

<marquee scrollamount="100">数值越大越快</marquee>
<marquee scrolldelay="10">数值越小越快</marquee>

5.start()(开始滚动)、stop()(停止滚动)

<marquee onmouseover="this.stop()" onmouseout="this.start()">鼠标移入停止,移出继续滚动</marquee>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容