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 相关文章推荐
js 数组克隆方法 小结
Mar 20 Javascript
IE6下focus与blur错乱的解决方案
Jul 31 Javascript
javascript 数字格式化输出的实现代码
Dec 10 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
jQuery仿gmail实现fixed布局的方法
May 27 Javascript
javascript中SetInterval与setTimeout的定时器用法
Aug 24 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
js 判断一组日期是否是连续的简单实例
Jul 11 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
javaScript 实现重复输出给定的字符串的常用方法小结
Feb 20 Javascript
原生js实现日历效果
Mar 02 Javascript
vue动态绑定style样式
Apr 20 Vue.js
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
PHPShop存在多个安全漏洞
2006/10/09 PHP
超级简单的发送邮件程序
2006/10/09 PHP
PHP安全性漫谈
2012/06/28 PHP
部署PHP时的4个配置修改说明
2015/10/19 PHP
php数组分页实现方法
2016/04/30 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
jQuery 表格工具集
2010/04/25 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
自己动手实现jQuery Callbacks完整功能代码详解
2013/11/25 Javascript
js使用removeChild方法动态删除div元素
2014/08/01 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
深入学习js瀑布流布局
2016/10/14 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
vue2 拖动排序 vuedraggable组件的实现
2019/08/08 Javascript
layUI的验证码功能及校验实例
2019/10/25 Javascript
Vue中fragment.js使用方法小结
2020/02/17 Javascript
Vue常用的全选/反选的示例代码
2020/02/19 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
微信小程序实现发微博功能的示例代码
2020/06/24 Javascript
通过滑动翻页效果实现和移动端click事件问题
2021/01/26 Javascript
简单的通用表达式求10乘阶示例
2014/03/03 Python
python脚本作为Windows服务启动代码详解
2018/02/11 Python
基于HTML5代码实现折叠菜单附源码下载
2015/11/27 HTML / CSS
会计专业毕业生自荐信范文
2013/12/20 职场文书
幼儿园教师辞职信
2014/01/18 职场文书
六年级数学教学反思
2014/02/03 职场文书
模范教师事迹材料
2014/02/10 职场文书
2016年中秋节慰问信
2015/12/01 职场文书
如何使用pdb进行Python调试
2021/06/30 Python
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis
一行Python命令实现批量加水印
2022/04/07 Python