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

2014-04-03 31

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图片轮播插件仿支付宝2013版全屏图片幻灯片

展开阅读全文

更多Javascript文章

JS打开图片另存为对话框实现代码
Dec 26 32
JQuery CheckBox(复选框)操作方法汇总
Apr 15 22
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 24
Koa 使用小技巧(小结)
Oct 22 22
JS实现带阴历的日历功能详解
Jan 24 25
通过JS判断网页是否为手机打开
Oct 28 13
JavaScript中遍历的十种方法总结
Dec 15 23
手机访问当前页面