你的位置:首页 > 软件开发 > 网页设计 > [Bootstrap]7天深入BootstrapJavaScript插件

[Bootstrap]7天深入BootstrapJavaScript插件

发布时间:2015-09-14 09:00:12
在bs3.X中,提供了12种JavaScript插件,分别是:动画过渡(Transition)、模态弹窗(Modal)、下拉菜单(Dropdown)、滚动侦测(Scrollspy)、选项卡(Tab)、提示 框(Tooltip)、弹出框(Popover)、警告框(Alert)、按钮 ...

在bs3.X中,提供了12种JavaScript插件,分别是:动画过渡(Transition)、模态弹窗(Modal)、下拉菜单(Dropdown)、滚动侦测(Scrollspy)、选项卡(Tab)、提示 框(Tooltip)、弹出框(Popover)、警告框(Alert)、按钮(Button)、折叠(Collapse)、旋转轮播(Carousel)、定位浮标(Affix)。

 

由于各种加班,身心疲惫...

 

 

动画过渡

源文件:transition.js

使用的动画过渡效果全部使用了 CSS3的语法,所以IE6、IE7、IE8是不能用动画过渡效果。

 

默认带过渡效果的

  • 模态弹窗(Modal)的滑动和渐变效果;
  • 选项卡(Tab)的渐变效果;
  • 警告框(Alert)的渐变效果;
  • 旋转轮播(Carousel)的滑动效果。

 

源码

js源码

[Bootstrap]7天深入BootstrapJavaScript插件[Bootstrap]7天深入BootstrapJavaScript插件
  function transitionEnd() {    var el = document.createElement('bootstrap')    var transEndEventNames = {      WebkitTransition: 'webkitTransitionEnd',      MozTransition: 'transitionend',      OTransition: 'oTransitionEnd otransitionend',      transition: 'transitionend'    }    for (var name in transEndEventNames) {      if (el.style[name] !== undefined) {        return { end: transEndEventNames[name] }      }    }    return false // explicit for ie8 ( ._.)  }

原标题:[Bootstrap]7天深入BootstrapJavaScript插件

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。