有一个事件transitionend(过度完成) ,而其中的 transition.js 就是为了判断当 ...
Bootstrap 自带的 JavaScript 插件的动画效果几乎都是使用 CSS 过渡实现的,而其中的 transition.js 就是为了判断当前使用的浏览器是否支持 CSS 过渡。下面先来简单了解下 CSS 过渡。 CSS 过渡 CSS 过渡是指在 CSS 属性发生改变时在一段时间内平滑地过渡,使用 CSS 伪类可以很方便地使用: 这里给链接设置了一个 秒的颜色过渡效果,当鼠标经过链接激活 ...
2015-01-27 12:12 2 9125 推荐指数:
有一个事件transitionend(过度完成) ,而其中的 transition.js 就是为了判断当 ...
先看bootstrap.dropdown.js的结构 HTML结构 我们从初始化开始 根据HTML结构,这个很简单,获取body对象,并执行jQuery原型上的方法scrollspy,其中$spy.data()中的值,前几次的源码分析,这个值已经 ...
先看bootstrap.popover.js的结构 个人感觉bootstrap.popover.js是bootstrap.tooltip.js的放大版。。源码处很多相似的地方,并且bootstrap.popover.js依赖与bootstrap.tooltip.js插件 ...
先看bootstrap.button.js的结构 HTML结构 这个例子有点问题,因为初始化时,第一个按钮没有绑定事件,所以第一个按钮不可用,不过没关系,读完源码之后,我们尝试将它补全。 像单独一个开关,直接本身就有btn类,像单选按钮,触发 ...
先看bootstrap.collapse.js的结构 HTML结构 我们先从初始化开始 body监听了所有拥有data-toggle='collapse'属性的标签,为它们绑定了click事件,在HTML中由于标签上都没有data-target ...
先看bootstrap.typehead.js的结构 HTML结构 先从初始化开始 为所有拥有data-provide='typehead'属性的标签绑定focus事件,并且阻止事件冒泡,进入jQuery的原型方法中 ...
一、模态对话框(Modal) 模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。 不支持同时打开多个模态框 千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框 ...
先从bootstrap.modal.js的结构看起。 其HTML结构 我们开始过一遍插件源码:从初始化开始 根据HTML提供的结构,$target为a标签所指向的弹出框div的Jquery对象。另外$this.data()存在数据,为{toggle ...