-
1、下拉菜单dropdown的插件对应源文件是dropdown.js 2、声明方式:一般下拉菜单都是出现在导航条当中,比如胶囊式导航: <ul class="nav nav-pills"> <li class="dropdown"> <a href="##" class="dropdown-toggle" data-toggle="dropdown" role="button" id="tutorial">下拉按钮<span class="caret"></span></a> <ul class="dropdown-menu" role="menu" aria-labelledby="tutorial"> <li role="presentation"><a href="##">菜单一</a></li> <li role="presentation"><a href="##">菜单二</a></li> </ul> </li> </ul>查看全部
-
和模态弹出框一样,触发下拉菜单的方式有两种,一种是属性声明方式,一种是JavaScript方式。查看全部
-
运用javascript设置modal更多属性: $(".btn").click(function(){ $("#modalId").modal({ backdrop: "static",//static不是boolean型是个字符串需要加引号 keyboard: false }); });查看全部
-
除了之前data-toggle="modal"加data-target="#ID"方式和a标签的data-toggle="toggle"加href="#ID"方式外还有js触发模态窗的方式:<br> 直接用$(".btn").click(function(){$("#modalId").modal()});查看全部
-
除了data-toggle以及data-target用来触发模态框之外,还有其他的data-属性,比如以下两个分别是: data-backdrop(添加背景div,布尔值,true/static分别是在点击背景div时是否关闭模态窗), data-keyboard(布尔值,true/false表示按ESC按钮时是否会关闭模态窗)查看全部
-
为模态框添加动态过渡出现效果: 直接在modal层添加一个样式fade,在触发弹窗以后会自动增加一个in样式,这两个样式是将模态框的opacity值从0动画过渡到0.5查看全部
-
模态弹出框的触发方式: 1、普通触发的地方只需定义两个必要的属性:data-toggle="modal" data-target="#触发modal的id/或者.触发地方的唯一class名"; 2、还有一种<a>标签触发,一个必要属性是data-toggle="modal",另一个是直接在href="#触发modal的id"而不需要使用data-target这个属性(不过还是建议使用data-target这个属性触发);查看全部
-
bootstrap框架中为模态弹出窗添加了一个蒙层样式“modal-backdrop”不过他的默认情况下全屏是黑色的;同样的,并且添加了一个过渡动画从fade到in它把opacity值从0改变为0.5;两种尺寸选择:bootstrap框架为模态窗提供了不同尺寸,一个是大尺寸样式“modal-lg”,另一个是小尺寸样式“modal-sm”。查看全部
-
1、body标签中的代码:(偏移量要设置60哦,因为navbar-fixed-top时,menu遮住了60px) <body data-target="#navbar-example2" data-offset="60" data-spy="scroll"> 2、导航条代码: <nav role="navigation" class="navbar navbar-default navbar-static navbar-fixed-top" id="navbar-example2">查看全部
-
触发方法:1.a元素href链接 2.data-target 3.js触发查看全部
-
....查看全部
-
固定定位(Affix)查看全部
-
实际上,当我们给carousel()方法配置参数之后,轮播效果就能自动切换。但 Bootstrap 框架中的 carousel 插件还给使用者提供了几种特殊的调用方法,简单说明如下: .carousel("cycle"):从左向右循环播放; .carousel("pause"):停止循环播放; .carousel("number"):循环到指定的帧,下标从0开始,类似数组; .carousel("prev"):返回到上一帧; .carousel("next"):下一帧查看全部
-
data-interval number 幻灯片轮换的等待时间(毫秒)。如果为false,轮播将不会自动开始循环 data-pause string 默认鼠标悬停留在幻灯片区域即停止播放,离开即开始播放 data-wrap 布尔值 轮播是否持续循环查看全部
-
为 #slidershow 层添加 slide 样式,感觉没什么用呢?查看全部
举报
0/150
提交
取消