Bootstrap3轮番插件的选项

轮番插件的选项

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

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

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

 
  1. <script>
  2. $('.carousel').carousel(({
  3.   interval: 2000
  4. });
  5. </script>

关于作者

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

  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页

打赏

ixygj197875

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者