当前路径: 星河码客 » 插件特效 » Bootstrap3旋转木马插件 - Visor Carouse

Bootstrap3旋转木马插件 - Visor Carouse

visor-carousel是一款兼容Bootstrap3的jQuery旋转木马插件。制作Visor Carousel旋转木马插件的目的是制作一个轻量级支持多个视图子项的旋转木马。99%兼容Bootstrap3。可以使用该插件来制作缩略图幻灯片。支持landscape和portrait布局,并且会自动根据重力检测更改布局。支持CSS3动画,事件处理会等到 animations/transitions 结束才执行。通过添加VisorCarousel.ANIMATIONS能支持多重动画。使用方法使用该旋转木马插件需要引入jquery.visor-carousel.css和jquery.visor-carousel.js文件,以及Bootstrap的相关资源文件。 HTML结构visor-carousel旋转木马插件的解绑HTML结构如下:注意这里包括4个导航按钮,其中2个是landscape布局的左右prev/next导航按钮,另外2个是portrait布局的上下up-down导航按钮。

你可以使用Bootstrap 3 carousel支持的data-*属性,下面是一些插件扩展的data属性。data-slide-to:用于支持jQuery选择器的扩展。data-slide-by:该属性可用于滑动到相对位置:正数表示向前滑动,负数表示向后滑动。例如data-slide-by="1"相当于data-slide="next",而data-slide-by="-1"相当于data-slide="prev"

Bootstrap3旋转木马插件 - Visor Carouse

在线演示        积分下载        6毛下载        砍两刀下载       

文件目录······
暂无数据
 猜你喜欢 更多»
 工具推荐 更多»