jQuery无缝滚动跑马灯效果

收藏

一款兼容性很好的无缝滚动插件，兼容所有浏览器。它在 div、table、ul等标签都可以滚动，也可以自定义事件、方向、时间等。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

HTML

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

<div id="img">
    <div>
        <img src="http://www.erdangjiade.com/jquery/demo/205/images/1.jpg"  /> 
        <img src="http://www.erdangjiade.com/jquery/demo/205/images/2.jpg"  /> 
        <img src="http://www.erdangjiade.com/jquery/demo/205/images/3.jpg"  /> 
        <img src="http://www.erdangjiade.com/jquery/demo/205/images/4.jpg"  /> 
        <img src="http://www.erdangjiade.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             //时间
})