前台页面轮播字体也可轮播图片但是this.stop()在火狐浏览器中不兼容其他可以

DHTcsdn

于 2016-11-03 09:34:18 发布

阅读量455

点赞数

分类专栏：轮播

轮播专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的滚动图片展示效果。通过<marquee>标签设置图片左右交替滚动，鼠标悬停时停止滚动，离开后继续。此效果适用于网站轮播图或动态展示模块。

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

<marquee  onMouseOut="this.start()" onMouseOver="this.stop()" scrollamount="6"  direction="left" behavior="alternate">
        
    <a href="" target='_blank'><img src="1.jpg" alt="" width="50" height="50"></a>
     
    <a href="" target='_blank'><img src="1.jpg" alt="" width="50" height="50"></a>
     
    <a href="" target='_blank'><img src="1.jpg" alt="" width="50" height="50"></a>
     
    <a href="" target='_blank'><img src="1.jpg" alt="" width="50" height="50"></a>
     
    <a href="" target='_blank'><img src="1.jpg" alt="" width="50" height="50"></a>
 
</marquee>