jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
更新时间：2014年04月03日 09:42:45 作者：
这篇文章主要介绍了jquery图片轮播插件，仿支付宝2013版全屏图片幻灯片功能,需要的朋友可以参考下
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的图片轮播插件PgwSlideshow使用详解
- jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
- jQuery插件实现图片轮播特效
- jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
- jQuery图片轮播插件——前端开发必看
- jQuery插件实现带圆点的焦点图片轮播切换
- jQuery插件boxScroll实现图片轮播特效
- jQuery插件slicebox实现3D动画图片轮播切换特效
- 12款经典的白富美型—jquery图片轮播插件—前端开发必备
- jQuery创建自己的插件(自定义插件)的方法
- jQuery UI插件自定义confirm确认框的方法
- jQuery简单自定义图片轮播插件及用法示例
相关文章
这篇文章主要为大家详细介绍了jQuery异步提交表单的两种方式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
这篇文章主要介绍了jQuery实现横向带缓冲的水平运动效果,涉及jQuery中鼠标事件及animate方法使用技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下2016-01-01
功能终于告一段落了，实现了预期的功能。遇到了一个小麻烦，js 会把某些变量（ 如果你是通过对象的方式传递的，将在传递之后丢失类型信息 ，后面*号部分）2011-08-08
这篇文章主要介绍了jQuery实现信息提示框效果,带有圆角框与动画功能,点击上面按钮实现对应文字的渐变显示效果,非常具有实用价值,需要的朋友可以参考下2015-08-08
jQuery EasyUI是一组基于JQuery的UI插件集合，而JQueryEasyUI的目标就是帮助开发者更轻松的打造出功能丰富并且美观的UI界面，下面小编带领大家一起学习jquery easyui入门知识，一起看看吧2016-08-08
我原本一直以为innerHTML和jquery里的html其实是完全一样的，jquery是多此一举了，直到我遇到一次问题2012-10-10
这篇文章主要为大家详细介绍了jQuery实现下拉菜单滑动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
详解easyui基于 layui.laydate日期扩展组件
这篇文章主要介绍了详解easyui基于 layui.laydate日期扩展组件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-07-07
复制节点也是常用的DOM操作之一，例如很多购物网站的效果,本文将介绍jQuery移动和复制dom节点等实用DOM操作，有需的朋友可以参考下2012-12-12
这篇文章主要介绍了jquery实现简单合拢与展开网页面板的方法,通过简单的jquery页面元素样式操作实现展开与合拢面板的功能,非常简单实用,需要的朋友可以参考下2015-09-09
最新评论