当前位置：首页 > 资讯 > 技术文档

jquery图片轮播插件仿支付宝2013版全屏图片幻灯片

时间：2021-05-22 03:50 编辑：来源：阅读：
扫一扫，手机访问

摘要：jquery图片轮播插件仿支付宝2013版全屏图片幻灯片

jquery图片轮播插件仿支付宝2013版全屏图片幻灯片淡出淡进切换效果,在自己的页面里一定要引入jquery

<div class="flexslider">
    <ul class="slides">
        <li style="background:url(images/img1.jpg) 50% 0 no-repeat;"></li>
        <li style="background:url(images/img2.jpg) 50% 0 no-repeat;"></li>
        <li style="background:url(images/img3.jpg) 50% 0 no-repeat;"></li>
        <li style="background:url(images/img4.jpg) 50% 0 no-repeat;"></li>
        <li style="background:url(images/img5.jpg) 50% 0 no-repeat;"></li>
    </ul>
</div>

JavaScript代码

[u]复制代码[/u] 代码如下:

$(document).ready(function(){
    $('.flexslider').flexslider({
        directionNav: true,
        pauseOnAction: false
    });
});

[img]http://files.jb51.net/file_images/article/201404/20140403093947.jpg?20143394046[/img]

全部评论(0)

上一篇：jQuery文字横向滚动效果的实现代码
下一篇：jquery事件重复绑定的快速解决方法

资讯排行榜
更多>>