jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
这篇文章主要介绍了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
});
});
精彩图集
精彩文章