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);
}));