jQuery无缝滚动跑马灯效果

jQuery无缝滚动跑马灯效果

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

淘建站为您提供更多_图片代码_图片滚动_滚动_scroll,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 139 次

打赏作者

觉得不错,可打赏下作者

下载资源

免费共享

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

HTML

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

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

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/212.html
jQuery无缝滚动跑马灯效果 希望对你有帮助,感谢您的支持!
  • jQuery+fullPage.js制作网易邮箱大师页面滚动效果

    jQuery+fullPage.js制作网易邮箱大师页面滚动效果

  • jQuery+fullPage.js制作网易邮箱介绍页面

    jQuery+fullPage.js制作网易邮箱介绍页面

  • jQuery+fullPage.js制作搜狐快站页面滚动效果

    jQuery+fullPage.js制作搜狐快站页面滚动效果

  • jQuery+fullPage.js制作百度百科史记

    jQuery+fullPage.js制作百度百科史记

  • jQuery+ResponsiveSlides演示5中不同的幻灯片效果

    jQuery+ResponsiveSlides演示5中不同的幻灯片效果

  • jQuery+multiscroll鼠标滚动全屏图

    jQuery+multiscroll鼠标滚动全屏图

  • vTicker演示文字和图片垂直滚动效果

    vTicker演示文字和图片垂直滚动效果

  • jQuery间歇滚动跑马灯效果

    jQuery间歇滚动跑马灯效果

  • BreakingNews演示3种间歇滚动效果

    BreakingNews演示3种间歇滚动效果

  • Full Screen Slider三种全屏鼠标滚动调用方法

    Full Screen Slider三种全屏鼠标滚动调用方法

  • jQuery智能定位滚动导航

    jQuery智能定位滚动导航

  • BoxSlider演示3种滚动内容方式

    BoxSlider演示3种滚动内容方式

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2