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


Posted in Javascript onApril 03, 2014

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 相关文章推荐
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 Javascript
javascript在当前窗口关闭前检测窗口是否关闭
Sep 29 Javascript
node.js中的buffer.Buffer.isEncoding方法使用说明
Dec 14 Javascript
浅谈Javascript的静态属性和原型属性
May 07 Javascript
jquery选择器简述
Aug 31 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
ionic中列表项增加和删除的实现方法
Jan 22 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
Dec 18 Javascript
详解Vue调用手机相机和相册以及上传
May 05 Javascript
JavaScript canvas实现雨滴特效
Jan 10 Javascript
JavaScript实现复选框全选功能
Apr 11 Javascript
JavaScript异步编程Promise模式的6个特性
Apr 03 #Javascript
document.compatMode的CSS1compat使用介绍
Apr 03 #Javascript
javascript实现des解密加密全过程
Apr 03 #Javascript
无刷新预览所选择的图片示例代码
Apr 02 #Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 #Javascript
jquery跟js初始化加载的多种方法及区别介绍
Apr 02 #Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 #Javascript
You might like
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
js写的方法实现上传图片之后查看大图
2014/03/05 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
2014/03/12 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
对JavaScript的全文搜索实现相关度评分的功能的方法
2015/06/24 Javascript
实例讲解jquery与json的结合
2016/01/07 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
走进AngularJs之过滤器(filter)详解
2017/02/17 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
React组件重构之嵌套+继承及高阶组件详解
2018/07/19 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
2019/02/13 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
JS求解两数之和算法详解
2020/04/28 Javascript
Map与WeakMap类型在JavaScript中的使用详解
2020/11/18 Javascript
[56:46]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VP vs Effect
2018/04/01 DOTA
python time模块用法实例详解
2014/09/11 Python
python二分查找算法的递归实现方法
2016/05/12 Python
Python第三方库xlrd/xlwt的安装与读写Excel表格
2017/01/21 Python
python条件变量之生产者与消费者操作实例分析
2017/03/22 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
python一些性能分析的技巧
2020/08/30 Python
数控加工专业毕业生自荐信
2013/09/27 职场文书
体育教育毕业生自荐信
2013/11/21 职场文书
火车的故事教学反思
2014/02/11 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
竞聘上岗演讲
2014/05/19 职场文书
2014年小学生迎国庆65周年演讲稿
2014/09/27 职场文书
单位介绍信格式范文
2015/05/04 职场文书
2016秋季幼儿园开学寄语
2015/12/03 职场文书
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
Python实现视频中添加音频工具详解
2021/12/06 Python