今天我们介绍一款使用简单,支持自定义样式并且灵活健壮的jQuery旋转轮播插件:,能够帮助你迅速的构建一个轮播式的幻灯展示,使用简单,功能强大,希望大家喜欢!
主要特性:
- 支持完整自定义和皮肤
- 支持responsive/fluid/liquid,保证各种客户端的显示
- 支持可变的显示项目个数
- 支持键盘和鼠标导航
- 7个内建的效果: none, scroll, directscroll, fade, crossfade, cover and uncover.
- 内建自定义的智能事件和加载选项
- 定义的高和宽中保证显示项目对齐(左/中/右).
- 支持动态添加和删除显示项目
- 幻灯创建后也可以支持获取,重置或者设置配置选项
如何使用?
以下是基本使用代码范例,如果大家有兴趣,可以参考CarouFredSel网站上的其它例子
HTML代码:
CSS样式:
.image_carousel { padding: 15px 0 15px 40px; } .image_carousel img { border: 1px solid #ccc; background-color: white; padding: 9px; margin: 7px; display: block; float: left; } .clearfix { float: none; clear: both; }
Javascript代码:
$("#foo1").carouFredSel();