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

您可能感兴趣的文章:

Jquery 类网页微信二维码图块滚动效果具体实现
网页微信二维码图块滚动效果想必大家都有见到过吧，在接下来的文章中将为大家详细介绍下使用Jquery是如何实现，感兴趣的朋友可以参考下
2013-10-10
jQuery实现给页面换肤的方法
这篇文章主要介绍了jQuery实现给页面换肤的方法,涉及jQuery页面元素的选择与样式的操作,需要的朋友可以参考下
2015-05-05
使用jQuery轻松实现Ajax的实例代码
在Asp.Net的MVC架构中使用jQuery是一件很容易的事情，而使用jQuery实现Ajax更加简单。
2010-08-08
jquery插入兄弟节点的操作方法
下面小编就为大家带来一篇jquery插入兄弟节点的操作方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-12-12
Jquery AJAX POST与GET之间的区别详细介绍
这篇文章主要介绍了Jquery AJAX POST与GET之间的区别详细介绍的相关资料,需要的朋友可以参考下
2016-10-10
jQuery实现微信长按识别二维码功能
这篇文章主要介绍了jQuery实现微信长按识别二维码的功能，非常不错，具有参考借鉴价值，对jquery长按识别二维码的相关知识感兴趣的朋友一起学习吧
2016-08-08
jquery平滑滚动到顶部插件使用详解
这篇文章主要为大家详细介绍了基于jquery平滑滚动到顶部插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
jQuery实现的省市县三级联动菜单效果完整实例
这篇文章主要介绍了jQuery实现的省市县三级联动菜单效果,结合完整实例形式分析了jQuery数组操作及事件响应的相关技巧,非常具有实用价值,需要的朋友可以参考下
2016-08-08
jQuery EasyUI 开源插件套装完全替代ExtJS
JQuery爱好者们的福音 jQuery EasyUI 开源插件套装完全替代ExtJS(引用)
2010-03-03
jQuery的.live()和.die() 使用介绍
很多开发者都知道jQuery的.live()方法，他们大部分知道这个函数做什么，但是并不知道是怎么实现的，所以用的并不那么舒适。而且他们却从未听过还有解除绑定的.live()事件的.die()方法。即使你熟悉这些，但是你意识到.die()了吗？
2011-09-09