iView Slider滑块插件 优秀的响应式 jQuery
iView Slider 是一款优秀的 jQuery 滑动插件，用于实现文本、图片、视频等各种网页内容的滑动功能。iView Slider 支持响应式布局，能够很好的运行于触屏设备中。
iView Slider 内置35种很炫的过渡效果（Transition Effects），能够帮助你制作出各种各样的滑动效果。
iView Slider 提供了三种不同形式的加载进度条形式，以生动直观的方式告诉用户下一个滑块还有多久时间加载。iView Slider 提供了如下几种浏览方式：
- 幻灯片
- 键盘控制
- 前后按钮
- 缩略图
iView Slider 依赖于 jQuery 和 Raphael，提供了简单易用的 API ，能够非常容易的实现漂亮的内容滑动效果，iView Slider 调用的基本示例代码如下：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="js/raphael-min.js"></script><script type="text/javascript" src="js/jquery.easing.js"></script><script src="js/iview.js"></script><script> $(document).ready(function(){ $('#iview').iView({ pauseTime: 7000, directionNav: false, controlNav: true, tooltipY: -15 }); });</script> |
关于此插件，也许您可能会需要图片和文字一起出来，或者，您需要文字和图片的效果一样。
简述strip-left-fade效果的原理：（分析iview.js源码）
在图片过渡的时候，在图片上蒙上20个等分的div框，每个div框设置背景图片 是 下一张的图片。同时，从左到右每个div框的透明度(opacity)以此加大，形成一个动画效果。 （想要二次开发的朋友，可以交流一下）
相关文章
- jQuery判断获取元素的类型 父元素的click事件集中管理子元素的click(2013-1-10 23:19:23)
- 拖动中释放不了鼠标操作的问题 了解拖拽(拖动)层的一些细节问题 DOM拖动(2013-1-6 16:8:6)
- jQuery因mouseover,mouseout冒泡产生的闪烁问题 IE下闪烁的解决方法(2013-1-6 14:45:41)
- jquery ajax parsererror was not called(2012-8-14 15:26:20)
- 用LABjs或RequireJS来异步加载Javascript文件(2012-8-8 16:59:34)
- jQuery快速入门避免少走弯路(2012-8-2 16:5:56)
- select标签填充json无限分类以及创建optgroup项(2012-7-30 11:14:46)
- Array.prototype.remove 删除数组元素(2012-7-23 9:57:14)
- DOMContentLoaded事件(2012-5-10 10:40:59)
- eval解析JSON中的注意点(2012-5-10 10:24:12)
