Bootstrap-js
文章平均质量分 70
hellochenlu
这个作者很懒,什么都没留下…
展开
-
bootstrap模态弹出框学习笔记(1-7 模态弹出框--触发模态弹出窗2种方法)
众所周知,模态弹出窗在页面加载完成时,是被隐藏在页面中的,只有通过一定的动作(事件)才能触发模态弹出窗的显示。在Bootstrap框架中实现方法有2种,接下来分别来介绍这2种触发模态弹出窗的使用方法。声明式触发方法:方法一:模态弹出窗声明,只需要自定义两个必要的属性:data-toggle和data-target(bootstrap中声明式触发方法一般依赖于这些自定义的da转载 2016-01-04 10:42:59 · 2029 阅读 · 0 评论 -
bootstrap模态弹出框学习笔记(1-8 模态弹出框--为弹出框增加过度动画效果)
为模态弹出框增加过度动画效果:可通过给“.modal”增加类名“fade”为模态弹出框增加一个过渡动画效果。.bs-example-modal-sm">小的模态弹出窗fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden转载 2016-01-04 10:52:00 · 3349 阅读 · 0 评论 -
bootstrap模态弹出框学习笔记(1-9 模态弹出框--模态弹出窗的使用(data-参数说明))
除了通过data-toggle和data-target来控制模态弹出窗之外,Bootstrap框架针对模态弹出框还提供了其他自定义data-属性,来控制模态弹出窗。比如说:是否有灰色背景modal-backdrop,是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明如下所示:模态弹出窗的使用通过data-target触发转载 2016-01-04 11:07:24 · 2290 阅读 · 0 评论 -
1-2 动画过渡(Transitions)
这一小节我们先来讲“动画过渡(Transitions)”这个插件的使用,源文件:transition.jsBootstrap框架默认给各个组件提供了基本动画的过渡效果,如果要使用,有两种方法: ☑ 调用统一编译的bootstrap.js; ☑ 调用单一的过渡动画的JavaScript插件文件transition.js(右侧第29行引入Bootstrap上对外公布的tra转载 2015-12-21 16:11:22 · 465 阅读 · 0 评论 -
bootstrap下拉菜单与滚动监视器学习笔记(2-1 下拉菜单(Dropdown))
插件对应的源文件:dropdown.js(使用单独引入的方法可使用下面链接)官方发布引用地址:http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-dropdown.js样式代码: ☑ LESS版本:对应的源文件dropdowns.less ☑ Sass版本:对应的源文件_dropdowns.scss转载 2015-12-23 15:05:04 · 646 阅读 · 0 评论 -
bootstrap下拉菜单与滚动监视器学习笔记(2-2 下拉菜单--属性声明式方法(一))
属性声明式方法:一般下拉菜单都是出现在导航条中,比如下图的一个效果,用户点击带有三角形的菜单项都会弹出下拉菜单项: W3cplus 教程 CSS3 HTML5 Sass转载 2015-12-23 15:58:39 · 611 阅读 · 0 评论