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

2014-04-03 49

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文章

javascript 特殊字符串
Feb 25 41
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 39
JavaScript中的call方法和apply方法使用对比
Aug 12 38
JS截取与分割字符串常用技巧总结
Nov 10 46
js实现千分符和保留几位小数的简单实例
Aug 01 44
详解Vue CLI3配置解析之css.extract
Sep 14 51
js中Array对象的常用遍历方法详解
Jan 17 36
手机访问当前页面