BootStrap的JS插件之轮播效果案例详解
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。 案例下面展示的就是此插件和相关组件制作的轮播案例。
Bootstrap基于CSS3实现动画效果,但是Internet Explorer 8 & 9不支持这些必要的CSS属性。因此,使用这两种浏览器时将会丢失过渡动画效果。而且,我们并不打算使用基于jQuery实现替代功能。 在任何
900x500 ... 轮播组件并不兼容可访问性标准。如果需要兼容,请考虑其他展示幻灯片的方案。 用法 通过data属性通过data属性可以很容易的控制轮播的定位。
data-ride="carousel"属性用来标记在页面加载之后即开始启动的轮播组件。 手动启动轮播组件: 代码如下: 选项可以将选项通过data属性或JavaScript传递。对于data属性,需要将选项名称放到data-之后,例如data-interval=""。 方法.carousel(options) 初始化轮播组件,接受一个可选的object类型的options参数,并开始幻灯片循环。 从左到右循环各帧。 .carousel('pause') 停止轮播。 .carousel(number) 将轮播定位到指定的帧上(帧下标以0开始,类似数组)。 .carousel('prev') 返回到上一帧。 .carousel('next') 转到下一帧。 事件 Bootstrap的轮播组件暴露了两个事件用于监听。
以上所述是小编给大家介绍的基于JS插件制作BootStrap轮播效果案例详解的相关知识,希望能够帮助到大家! (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |