jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件
来源:互联网 发布:淘宝宝贝推荐代码 编辑:程序博客网 时间:2024/04/18 18:21
一、插件介绍
FlexSlider是一个非常出色的jQuery滑动切换插件,它支持所有主流浏览器,并有淡入淡出效果。FlexSlider对于网站开发者来说是一个不错测JQUERY特效,因为支持全浏览器深受中国网站前端开发者的喜爱!
二、插件图片、DEMO及下载
1、带有左右按钮、小圆点儿的轮播图
2、全屏轮播图片
3、FlexSlider制作新浪2014成都车展幻灯片演示
三、插件作者下载地址
兼容浏览器:IE6+/Firefox/Google Chrome
官方链接:http://www.woothemes.com/flexslider/
JS下载:http://www.ijquery.cn/js/flexslider/jquery.flexslider.js
预览: http://www.ijquery.cn/demo/flexslider
打包下载: http://www.ijquery.cn/demo/flexslider/flexslider.zip
五、最简使用教程
JS和CSS引用代码:
HTML代码:这里一定要控制div的宽度!
五、参数说明:
参数描述默认值animation动画效果类型,有”fade”:淡入淡出,”slide”:滑动“fade”easing内容切换时缓动效果,需要jquery easing插件支持“swing”direction内容滚动方向,有”horizontal”:水平方向 和”vertical”:垂直方向“horizontal”animationLoop是否循环滚动truestartAt初始滑动时的起始位置,定位从第几个开始滑动0slideshow是否自动滑动trueslideshowSpeed滑动内容展示时间(ms)7000animationSpeed内容切换时间(ms)600initDelay初始化时延时时间0pauseOnHover鼠标滑向滚动内容时,是否暂停滚动falsetouch是否支持触摸滑动truedirectionNav是否显示左右方向箭头按钮truekeyboard是否支持键盘方向键操作trueminItems一次最少展示滑动内容的单元个数1maxItems一次最多展示滑动内容的单元个数0move一次滑动的单元个数0回调函数start: function(){},before: function(){},
after: function(){},
end: function(){},
added: function(){},
removed: function(){},
init: function(){},原文:http://www.ijquery.cn/?p=176
0 0
- jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件
- 带左右箭头切换的自动滚动图片JS特效
- 带按钮可左右滚动的图片展示特效
- 带按钮可左右滚动的图片展示特效
- 带左右箭头图片轮播的JS代码
- jquery图片滚动带左右按钮控制焦点图片切换滚动
- jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动
- jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动
- jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动
- jQuery带左右按钮控制图片切换
- jQuery图片左右自动滚动插件可选箭头bxCarousel插件
- 带左右箭头图片切换
- 基于jQuery的内容滚动插件flexSlider.js
- jquery图片滚动插件(可自定义数字样式和左右点击按钮)
- 图片Slider 带左右按钮
- 图片Slider 带左右按钮
- jquery控制左右箭头滚动图片列表的实例
- jquery插件实现图片的左右滚动
- JDK,JRE,JVM区别与联系
- Pinot架构介绍
- OCP认证考试心得
- jhtsjsjsrkskdtellu;lf;
- socket常用函数解析(1)
- jquery.flexslider.js带左右箭头且带按钮可滚动的图片插件
- android TextAppearanceSpan 使用注意事项。
- 黑马程序员---泛型,Collections,Arrays
- 如何中断一个正在运行的线程
- leetcode | Minimum Depth of Binary Tree
- NSOperationQueue和GCD的区别,以及在什么场合下使用
- 校验码
- 有道词典
- 调用有道词典查词