Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
案例
下面展示的就是此插件和相关组件制作的轮播案例。
轮播组件并不兼容可访问性标准。如果需要兼容,请考虑其他展示幻灯片的方案。
通过data属性可以很容易的控制轮播的定位。幻灯片下标。
data-ride="carousel"属性用来标记在页面加载之后即开始启动的轮播组件。
可以将选项通过data属性或JavaScript传递。对于data属性,需要将选项名称放到data-之后,例如data-interval=""。
.carousel(options)
初始化轮播组件,接受一个可选的object类型的options参数,并开始幻灯片循环。
从左到右循环各帧。
.carousel('pause')
停止轮播。
.carousel(number)
将轮播定位到指定的帧上(帧下标以0开始,类似数组)。
.carousel('prev')
返回到上一帧。
.carousel('next')
转到下一帧。
事件
Bootstrap的轮播组件暴露了两个事件用于监听。
方法被调用之后立即出发。幻灯片播放完之后被触发。 |
---|