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

来源：互联网   发布日期：2016-01-26 11:02:32   浏览：1161次  

这篇文章主要介绍了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

});

});

赞助本站