jQuery 浮动轮播插件示例
默认配置:
$('#carousel-default').floatingCarousel();
从左至右自动滚动,scrollSpeed设置为'fast'后可手动触发快速滚动效果:
$('#carousel-autoscroll').floatingCarousel({
autoScroll : true,
autoScrollDirection : 'right',
autoScrollSpeed : 20000,
scrollSpeed : 'fast'
});
垂直轮播:
$('#carousel-vertical').floatingCarousel({
scrollerAlignment : 'vertical'
});
自适应轮播:
var opts = {
autoScroll : true,
autoScrollSpeed : 20000
};
var responsiveCarousel = $('#carousel-responsive').floatingCarousel(opts);
$(window).resize($.debounce(100, function () {
responsiveCarousel.update(opts);
}));
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20