Bootstrap3轮番插件的选项

轮番插件的选项

Bootstrap为轮番插件提供了 4 个选项，这些选项都可以通过 data 属性或JavaScript进行设置。选项的详细说明见表 4‑11：

表 4‑11 carousel插件的选项
名称	类型	默认值	说明
interval	number	5000	自动循环时，每个项目延迟的时间量。如果为 false，轮播将不会自动循环
pause	string	"hover"	当鼠标进入轮番区域时，暂停循环，鼠标移出时继续循环
wrap	boolean	true	轮播是否连续循环
keyboard	boolean	true	轮播是否对键盘事件作出反应

调用 carousel() 方法时，可以将这些选项作为一个对象参数。Bootstrap会使用所提供的参数来配置并启动轮番。如，定义轮番的切换周期为 1 秒：

<script>
$('.carousel').carousel(({
interval: 2000
});
</script>

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap3轮番插件的选项相关推荐

Bootstrap3 轮番插件的事件
轮番插件的事件 Bootstrap为轮番插件定义了两个事件,通过这些事件,可以监听播放行为及轮番组件的状态.这些事件及含义见表 4‑12. 表 4‑12 轮番插件的事件及含义事件含义 slide. ...
Bootstrap3 轮番插件的调用方式
轮番插件的调用方式 1.JavaScript调用 JavaScript调用轮番其实很简单,只需在脚本中调用 carousel() 方法即可.格式为: $('.carousel').carousel() ...
Bootstrap3 轮番插件的使用方法
轮番 Bootstrap 的轮番插件(carousel.js)是一个灵活的.响应式的.无缝循环播放的幻灯片切换插件,它的内容可以是图片.视频.或者其他任何内容. 使用方法 Bootstrap中的轮番由 ...
Bootstrap3 折叠插件的选项
折叠插件的选项 Bootstrap为折叠插件提供了 2 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.见表 4‑9. 表 4‑9 collapse插件的选项名称类型 ...
Bootstrap3 工具提示插件的选项
工具提示插件的选项 Bootstrap为工具提示插件提供了 10 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.这些选项详细见表 4‑5: 表 4‑5 tooltip插件 ...
Bootstrap3 弹出提示插件的选项
弹出提示插件的选项 Bootstrap为工具提示插件提供了 11 个选项,所有的选项都可以通过 data 属性或JavaScript进行设置.这些选项详细见表 4‑7: 表 4‑7 popover插件 ...
Bootstrap3 滚动监听插件的选项
滚动监听插件的选项 Bootstrap为滚动监听插件提供了一个选项 offset,用来调整滚动位置距顶部偏移的像素值,取值为数字,默认值为10.正值表示滚动条向上偏移,负值表示向下偏移. offset ...
Bootstrap3 插件的选项
插件的选项为了对插件提供更多的控制,Bootstrap为插件提供了一些选项.所有的插件的所有选项都可以通过 data 属性或JavaScript进行设置. 如果使用 data 属性,则要将选项名称放 ...
Bootstrap 轮番插件Collapse 调用方式
调用方式 1.JavaScript调用 JavaScript调用轮番其实很简单,只需在脚本中调用 carousel() 方法即可.格式为: $('.carousel').carousel(); Boo ...

Bootstrap3轮番插件的选项

轮番插件的选项

Bootstrap3轮番插件的选项相关推荐

最新文章

热门文章