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 相关文章推荐
CSS+jQuery实现的一个放大缩小动画效果
Sep 24 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
Jun 04 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
Jan 18 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
基于JavaScript实现添加到购物车效果附源码下载
Aug 22 Javascript
针对后台列表table拖拽比较实用的jquery拖动排序
Oct 10 Javascript
前端开发不得不知的10个最佳ES6特性
Aug 30 Javascript
CentOS环境中MySQL修改root密码方法
Jan 07 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 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 smarty的预保留变量总结
2008/12/04 PHP
php类中private属性继承问题分析
2012/11/01 PHP
PHP截断标题且兼容utf8和gb2312编码
2013/09/22 PHP
php实现数组筛选奇数和偶数示例
2014/04/11 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
JS保留两位小数,多位小数的示例代码
2014/01/07 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
2014/01/09 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
javascript中setInterval的用法
2015/07/19 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
Angular实现form自动布局
2016/01/28 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
微信小程序 css使用技巧总结
2017/01/09 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
2017/11/07 Javascript
vue2.0移动端滑动事件vue-touch的实例代码
2018/11/27 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
python二分查找算法的递归实现方法
2016/05/12 Python
Python编写一个闹钟功能
2017/07/11 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
python yield关键词案例测试
2019/10/15 Python
世界上最好的足球商店:Unisport
2019/03/02 全球购物
澳大利亚运动鞋商店:Platypus Shoes
2019/09/27 全球购物
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
AOP的定义以及作用
2013/09/08 面试题
2014年社区计生工作总结
2014/11/18 职场文书
车间统计员岗位职责
2015/04/14 职场文书
小学远程教育工作总结
2015/08/13 职场文书
医生行业员工的辞职信
2019/06/24 职场文书
2022年四月新番
2022/03/15 日漫
vue的项目如何打包上线
2022/04/13 Vue.js
MySQL 原理与优化之原数据锁的应用
2022/08/14 MySQL