脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery图片轮播

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

 更新时间：2014年04月03日 09:42:45   作者：  
这篇文章主要介绍了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代码

复制代码 代码如下:

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


您可能感兴趣的文章:

相关文章

最新评论