示例:滚动代码
鼠标移动到文字上面,会暂停滚动。 鼠标离开,文字继续滚动。 就这简单的代码,找了好多天才找到一个真正在这里可以正常使用的。
<div style=width:500px class="alert alert-info alert-dismissible fade show" role="alert">
<marquee scrollamount="5" direction="left" onmouseover=this.stop() onmouseout=this.start()>
<img src="https://files.getquicker.net/_sitefiles/_guides/52593d69-c99a-4367-8b98-08d9a65be47e/2021/11/30/220457_202824_2.gif"> 嗨,大家好! 这里动作坞!
<img src="https://files.getquicker.net/_sitefiles/_guides/52593d69-c99a-4367-8b98-08d9a65be47e/2021/11/30/215919_202824_1.gif"> 欢迎各位,希望你能喜欢这里。
</marquee>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
更好看的效果:
<div class="card" style="width: 38rem; background-color:#F6F7F9;"> <div class="mt-2 mb-1 mr-2 ml-2"> <marquee scrollamount="5" direction="left" onmouseover=this.stop() onmouseout=this.start()> <small class="text-muted"><i class="far fa-grin-alt"></i> 好的作品值得分享,值得赞赏!开发一个动作往往需要大量的精力,分享它们是一件高尚的事。如果Ta的作品帮到了你,请给Ta鼓励。你的赞赏将会带来更多的分享,从而帮到更多的人,谢谢你!</small> </marquee> </div> </div>