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
    });
});

您可能感兴趣的文章:

• jQuery的图片轮播插件PgwSlideshow使用详解
• jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
• jQuery插件实现图片轮播特效
• jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
• jQuery图片轮播插件――前端开发必看
• jQuery插件实现带圆点的焦点图片轮播切换
• jQuery插件boxScroll实现图片轮播特效
• jQuery插件slicebox实现3D动画图片轮播切换特效
• 12款经典的白富美型―jquery图片轮播插件―前端开发必备
• jQuery创建自己的插件(自定义插件)的方法
• jQuery UI插件自定义confirm确认框的方法
• jQuery简单自定义图片轮播插件及用法示例