jQuery无缝滚动跑马灯效果

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

分类：图片代码 > 图片滚动难易：初级

查看演示下载资源下载积分： 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             //时间
})