插件描述：这是一个CSS3的苹果的CoverFlow的设计模式的变体
用法
HTML
1 2 3 4 5 6 7 | <div id="container"> <img src="img1.jpg" /> <img src="img2.jpg" /> <img src="img3.jpg" /> <img src="img4.jpg" /></div> |
JavaScript
1 2 3 | $('#container').coverscroll(); OR$('#container').coverscroll({items:'img'}); |
选项
这是默认的选项：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | var opt = { 'minfactor':20, // 下一个项目是多少比以前的以像素为单位 'distribution':1.5, // 如何分开的项目（项目走散当该值低于1） 'scalethreshold':0, // 多少个项目后，开始缩放 'staticbelowthreshold':false, // 如果为true时，件数下面的“scalethreshold”， - 不动画 'titleclass':'itemTitle', // 类名的元素包含的项目标题 'selectedclass':'selectedItem', // 所选项目的类名 'scrollactive':true, // 滚动功能开关 'step':{ // 压缩步骤 'limit':4, // 多少步上应显示的每一侧 'width':8, // 工序（以像素为单位）的可见部分有多宽 'scale':true // 缩减步骤 }, 'bendamount':2, // “弯曲”的CoverScroll（值0.1至1弯下腰，-0.1至-1弯，2的量是直（没有弯曲），1.5 sligtly弯下腰） 'movecallback':function(item){} // 回调函数触发后单击一个项目 - 参数是该项目的jQuery对象}; |
方法
这是一种支持的方法列表:
next - 移动到下一个项目
1 | $('#container').coverscroll('next'); |
prev - 移动到上一个项目
1 | $('#container').coverscroll('prev'); |
实例
1 | $('#container').coverscroll(); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： DASHGUM（bootstrap模板）
- 下一个特效： jquery炫酷下拉框折叠插件