-
图片轮播--轮播图片的设计（二） 主要通过 carousel-inner 来控制其样式呈现。 bootstrap框架中在每个图片上还对应有自己的标题和描述内容。只要在item中图片底部添加对应的代码： <div class="carousel-inner"> <div class="item active"> <a href="##"><img src="http://images3.c-ctrip.com/rk/201407/ll580x145.jpg" alt=""></a> <!-- 图片对应标题和描述内容 --> <div class="carousel-caption"> <h3>图片标题</h3> <p>描述内容...</p> </div> </div> … </div>查看全部
-
图片轮播--轮播图片的设计（一） 一个轮播图片主要包括三个部分： 轮播的图片 轮播图片的计数器 轮播图片的控制器 在 Bootstrap 框架中，轮播图片计数器，都是以圆点向大家呈现查看全部
-
使用 panel 的 panel-title 做为触元素，使用panel-body的父元素作为折叠区； ☑ 使用一个 panel-group 来包含多个 panel，从而实现手风琴效果； ☑ 每个 panel 里的触发元素都要指定data-parent属性； ☑ data-parent 属性的值对应 panel-group样式元素的ID或者其他样式标识符； ☑ 触发元素需要指定 data-toggle，并且值为 collapse； ☑ 触发元素都要指定 data-target属性； ☑ data-target属性的值对应 panel-body 的父元素的ID或者其他样式标识符。查看全部
-
手风琴--声明式触发手风琴（三）: 激活手风琴交互行为。需要在标题链接中自定义两个属性，一个是data-toggle，并且取值为collapse；另一个是data-target，取值为各个面板内容区的标识 定义data-parent属性，实现点击一个其中一个元素时，关闭所有的折叠区，再打开所单击的区域（如果所单击区域是展示的，则会关闭）。这个data-parent取值与手风琴面板容器的标识符相匹配，比如这个例子是指 #myAccordion查看全部
-
手风琴--声明式触发手风琴（二） 为了把标题和内容区捆绑在一起，可以通过锚链接的方法，把标题区域和面板区连在一起： 在Bootstrap框架中，如果你想让内容区域不可视，只需要在 panel-collapse 样式上添加 collapse.但有时候希望默认第一个面板内容是可视的,只需要在collapse基础上再追加 in 样式.查看全部
-
手风琴--声明式触发手风琴（一）: 触发手风琴可以通过自定义的 data-toggle 属性来触发。其中data-toggle值设置为 collapse，data-target="#折叠区标识符"。查看全部
-
手风琴--手风琴结构: 在Bootstrap框架中将这两个部分组合起来称为一个panel页板, 如果用三个面板，就用面板组件panel-group 简单点就是一个触发器和一个折叠区： <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">触发器</button> <div id="demo" class="collapse in">折叠区</div>查看全部
-
按钮插件--JavaScript用: 1、切换按钮状态（得到焦点）： $("#mybutton").button("toggle") 2、重新恢复按钮： $("#mybutton").button("reset") 3、任意参数： $("#mybutton").button("任意字符参数名")查看全部
-
按钮插件--按钮状态切换 使用 data-toggle 属性还可以激活按钮的行为状态，实现在激活和未激活之间进行状态切换。单击时将按钮激活，再单击可以让按钮恢复到默认状态： <button type="button" data-toggle="button" class="btn btn-primary">确认</button> 注意，这里自定义属性是 data-toggle="button"，而不是 data-toggle="buttons"。查看全部
-
按钮插件--模拟复选按钮 按钮组上自定义data-toggle="buttons"来实现。并将input[type="radio"]换成input[type="checkbox"]查看全部
-
按钮插件--模拟单选择按钮 在Bootstrap框架中按钮插件中，可以通过给按钮组自定义属性data-toggle="buttons" 注：使用这种效果的时候，无需借助JavaScript代码来触发，因为默认Bootstrap就已经为用户初始化好了。查看全部
-
按钮插件--按钮加载状态 通过data-loading-text属性定义加载的文本信息，然后通过JavaScript给按钮绑定一个事件，并给按钮添加一个button("loading")方法来激活按钮的加载状态行为。 $(function(){ $("#loaddingBtn").click(function () { $(this).button("loading"); }); }); 注意，无法直接通过声明式触发此效果。查看全部
-
警告框--JavaScript触发警告框 $(function(){ $("#close").on("click",function(){ $(this).alert("close"); }); });查看全部
-
警告框--使用声明式触发警告框 如果通过自定义的HTML属性（声明式）来触发警告框，需要在关闭按钮上设置自定义属性data-dismiss="alert"查看全部
-
警告框--结构与样式 警告框插件的效果与警告框的效果在样式风格展示上不同，警告框插件就是在“警示框组件”基础上添加了一个关闭的按钮，外形上就是一个X。查看全部
举报
0/150
提交
取消