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

2014-04-03 11

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鼠标事件大全 推荐收藏
Nov 01 31
原生js实现查找/添加/删除/指定元素的class
Apr 12 4
js事件源window.event.srcElement兼容性写法(详解)
Nov 25 9
原生js实现倒计时功能(多种格式调用)
Jan 12 8
JS简单判断函数是否存在的方法
Feb 13 14
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 7
javascript实现移动端轮播图
Dec 09 8
手机访问当前页面