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 相关文章推荐
一个tab标签切换效果代码
Mar 27 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
js算法中的排序、数组去重详细概述
Oct 14 Javascript
js定时器(执行一次、重复执行)
Mar 07 Javascript
js检测判断日期大于多少天的方法
May 04 Javascript
巧用Vue.js+Vuex制作专门收藏微信公众号的app
Nov 03 Javascript
原生javascript实现图片放大镜效果
Jan 18 Javascript
npm 更改默认全局路径以及国内镜像的方法
May 16 Javascript
微信小程序显示倒计时功能示例【测试可用】
Dec 03 Javascript
在Vue项目中使用jsencrypt.js对数据进行加密传输的方法
Apr 17 Javascript
vue+iview使用树形控件的具体使用
Nov 02 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
Nov 07 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操作mongoDB实例分析
2014/12/29 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
Javascript与flash交互通信基础教程
2008/08/07 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
2011/10/07 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
2013/04/08 Javascript
js自动查找select下拉的菜单并选择(示例代码)
2014/02/26 Javascript
JavaScript实现的内存数据库LokiJS介绍和入门实例
2014/11/17 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
关于JS中prototype的理解
2015/09/07 Javascript
javascript从定义到执行 你不知道的那些事
2016/01/04 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
JavaScript+html5 canvas绘制渐变区域完整实例
2016/01/26 Javascript
jQuery实现元素拖拽并cookie保存顺序的方法
2016/02/20 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
高效的jQuery代码编写技巧总结
2017/02/22 Javascript
js学使用setTimeout实现轮循动画
2017/07/17 Javascript
vue中配置mint-ui报css错误问题的解决方法
2017/10/11 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
详解利用eventemitter2实现Vue组件通信
2019/11/04 Javascript
PYTHON基础-时间日期处理小结
2018/05/05 Python
TensorFlow Session会话控制&amp;Variable变量详解
2018/07/30 Python
深入浅析Python 中 is 语法带来的误解
2019/05/07 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
双向RNN:bidirectional_dynamic_rnn()函数的使用详解
2020/01/20 Python
Pycharm 安装 idea VIM插件的图文教程详解
2020/02/21 Python
python实现logistic分类算法代码
2020/02/28 Python
Django admin组件的使用
2020/10/24 Python
婚前协议书范本
2014/10/27 职场文书
安全教育观后感
2015/06/17 职场文书
python 模块重载的五种方法
2021/04/24 Python
Python中super().__init__()测试以及理解
2021/12/06 Python