jQuery无缝滚动跑马灯效果

来源:https://www.sucaihuo.com/js/212.html 2015-08-20 04:11浏览(8271) 收藏

一款兼容性很好的无缝滚动插件,兼容所有浏览器。它在 div、table、ul等标签都可以滚动,也可以自定义事件、方向、时间等。
jQuery无缝滚动跑马灯效果
分类:图片代码 > 图片滚动 难易:初级
查看演示 下载资源: 230 下载资源 下载积分: 106 积分

HTML

首先我们放置多张图片,用来滚动

<div id="img">
    <div>
        <img src="http://www.sucaihuo.com/jquery/demo/205/images/1.jpg"  /> 
        <img src="http://www.sucaihuo.com/jquery/demo/205/images/2.jpg"  /> 
        <img src="http://www.sucaihuo.com/jquery/demo/205/images/3.jpg"  /> 
        <img src="http://www.sucaihuo.com/jquery/demo/205/images/4.jpg"  /> 
        <img src="http://www.sucaihuo.com/jquery/demo/205/images/5.jpg"  /> 
    </div>
</div>

引入jquery.js和滚动插件fsrPMD.js

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="js/fsrPMD.js"></script>

调用fsrPMD插件,其中div标签不能丢失

$("#img").fsrPMD({
        Event: 'mouseover', //事件
        Id: 'img', //容器ID
        Bq: 'div', //复制html标签
        Fx: "down", //方向
        Time: 10             //时间
})
评论6
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

  • 头像 5楼
    07-24 19:18
    顶***顶
    我觉得这个效果很好 很实用
  • 头像 4楼
    08-16 13:47
    l***0
    真好 写的非常好 非常实用
  • 头像 3楼
    09-14 11:41
    h***s
    看看

    很好,我想要非常好用
  • 头像 板凳
    08-03 03:26
    通***程
    很好,我想要非常好用
  • 头像 椅子
    07-21 17:00
    z***1
    很好,我想要
  • 头像 沙发
    07-18 10:10
    b***f
    很好,我想下载
1 2