java中的接口是类吗
221
2023-06-26
Bootstrap基本插件学习笔记之按钮(21)
前面已经介绍过Button的使用。通过button按钮,我们还能实现一些诸如按钮状态控制等形式的交互。
0x01 加载状态
添加data-loading-text=”Loading…”属性:
加载状态
$(function () {
$("#btnLoad").click(function () {
$(this).button('loading').delay(1000).queue(
function () {
$(this).button('reset');
$(this).dequeue();
}
)
})
})
效果如下:
$("#btnLoad").click(function () {
$(this).button('loading').delay(1000).queue(
function () {
$(this).button('reset');
$(this).dequeue();
}
)
})
loading状态持续1s后,将会执行reset,恢复原始状态。
0x02 复选框
设置data-toggle为”buttons”可以实现复选框按钮组的效果:
选项1
选项2
选项3
效果如下:
0x03 单选按钮
类似地:
选项1
选项2
选项3
效果如下:
如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:
Bootstrap学习教程
Bootstrap实战教程
Bootstrap插件使用教程
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~