qkx2719549090的博客

原创 声明式触发手风琴

触发手风琴可以通过自定义的 data-toggle 属性来触发。其中data-toggle值设置为 collapse，data-target="#折叠区标识符"。接下来我们来看一个简单的示例：（六步）第一步，设计一个面板组合，里面有三个折叠区： 你将看到这样的一个效果：第二步：给面板添加内容，每个面板包括两个部分，第一个是面板标题 pa

转载 警告框--JavaScript触发警告框

除了通过自定义data-dismiss="alert"属性来触发警告框关闭之外，还可以通过JavaScript方法。只需要在关闭按钮上绑定一个事件。如下所示：html代码: 谨防被骗 请确认您转账的信息是你的亲朋好友，不要轻意相信不认识的人... 关闭通过下面的JavaScript代码来触发：$(function(){ $("#close"

原创 警告框的常见三种书写方式

如果通过自定义的HTML属性（声明式）来触发警告框，需要在关闭按钮上设置自定义属性data-dismiss="alert"，如下所示： data-dismiss="alert" type="button" >× 恭喜您操作成功！运行效果如下：点击X会关闭整个警告框。其实关闭按钮，不一定非要用X号，也可以是普通的按钮元素或者链

转载 提示框--JS设置参数方法

原创 提示框的一些需要注意的小细节

在Bootstrap框架中的提示框，结构非常简单，常常使用的是按钮标签或者链接标签来制作。不管是使用按钮还是链接来制作提示框，他们都有一个共性：通过 title 属性的值来定义提示信息(也可以使用自定义属性 data-original-title 来设置提示信息)。通过 data-placement 自定义属性来控制提示信息框的位置，根据四种不同的位置，data-placement具有四个

转载 一个滚动监控器实例

下拉菜单--属性声明式方法（一）.scrollspy-example{    height:500px;    font-size:20px;    overflow:auto;}  ScrollSpy scrollspy.js  Example in navbar  The ScrollSpy plugin is for automatic

原创 模态弹出框--JavaScript触发时的参数设置（二）

参数设置：在Bootstrap框架中还为模态弹出窗提供了三种参数设置，具体说明如下：参数使用方法描述toggle$(“#mymodal”).modal(“toggle”)触发时，反转模态弹出窗的状态。如果模态弹出窗是显示的，则关闭；反之，如果模态弹出窗是关闭的，则显示

转载 TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字

TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字  html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。   把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。   这样，当浏览者使用TAB键在网页控件中移动时，将首先移动到具有最小tabIndex属性值的

原创 模态弹出框--JavaScript触发时的参数设置（一）

使用JavaScript触发模态弹出窗时，Bootstrap框架提供了一些设置，主要包括属性设置、参数设置和事件设置。属性设置模态弹出窗默认支持的自定义属性主要有：比如你不想让用户按ESC键关闭模态弹出窗，你就可以这样做：$(function(){ $(".btn").click(function(){ $("#mymodal").mod

转载 模态框中的data-属性

除了通过data-toggle和data-target来控制模态弹出窗之外，Bootstrap框架针对模态弹出框还提供了其他自定义data-属性，来控制模态弹出窗。比如说:是否有灰色背景modal-backdrop，是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明如下所示：

原创 触发模态弹出窗2种方法

方法一众所周知，模态弹出窗在页面加载完成时，是被隐藏在页面中的，只有通过一定的动作（事件）才能触发模态弹出窗的显示。在Bootstrap框架中实现方法有2种，接下来分别来介绍这2种触发模态弹出窗的使用方法。声明式触发方法：方法一：模态弹出窗声明，只需要自定义两个必要的属性：data-toggle和data-target（bootstrap中声明式触发方法一般依赖于这些自定义的d

转载 用bootstrap写轮播图片

声明式触轮播图的播放在这里需要注意可以为 #slidershow 层添加 slide 样式，使用图片与图片切换效果有平滑感。     data-ride 属性：取值 carousel，并且将其定义在 carousel 上。data-target 属性：取值 carousel 定义的 ID 名或者其他样式识别符，如前面示例所示，取值为“#slidershow”，并且将其定