Bootstrap的js插件之警告框(alert.js)
2017-06-08 14:43
531 查看
data-dismiss="alert"——为关闭button加入该属性能够使其自己主动为警告框赋予关闭功能。
.fade .in——为警告框在关闭时加入动画效果。
很多其它细节參考演示样例:
.fade .in——为警告框在关闭时加入动画效果。
很多其它细节參考演示样例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>js插件_警告框</title> <link rel="stylesheet" href="bootstrap.min.css" type="text/css"> <!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">--> <script src="jquery-1.11.1.min.js"></script> <script src="bootstrap.min.js"></script> </head> <body> <div class="container"> <h3>警告框演示样例</h3> <div class="alert alert-info alert-dismissible fade in" role="alert" id="myAlert"> <button type="button" class="close" data-dismiss="alert" aria-label="close"> <span aria-disabled="true">×</span> </button> 感谢您选择<strong><要投哪></strong> <button type="button" class="btn btn-primary">详情</button> </div> </div> <script> // $("#myAlert").alert('close'); // $('#myAlert').on('closed.bs.alert',function(e){ // alert("关闭了"); // }) </script> </body> </html>
相关文章推荐
- Bootstrap插件(六)——警告框(alert.js)
- Bootstrap的js插件之警告框(alert.js)
- bootstrap插件学习-bootstrap.alert.js
- bootstrap插件学习-bootstrap.alert.js
- Bootstrap 警告框插件Alert
- Bootstrap历练实例:警告框(Alert)插件的方法
- Bootstrap警告框(Alert)插件使用方法
- Bootstrap 警告框插件Alert 的事件
- Bootstrap 警告框(Alert)插件
- Bootstrap学习总结笔记(20)-- 基本插件之Alert警告框
- Bootstrap基本插件学习笔记之Alert警告框(20)
- Bootstrap 警告框(Alert)插件
- Bootstrap历练实例:警告框(Alert)插件事件
- jquery插件整合,A:拖拽dialog的jq插件 B:进度条的jq插件 C:锁屏的jq插件 D:回顶部的jq插件 E:简单可控提示仿alert的js插件
- 两个列表选项插件bootstrap-duallistbox.js
- Bootstrap中的弹出框插件popover.js中的参数title、content不能使用html代码
- bootstrap-datetimepicker.min.js日期插件使用记录
- Bootstrap插件(七)——按钮(button.js)与collapse(collapse.js)
- Bootstrap入门(二十五)JS插件2:过渡效果