Bootstrap 警告框（Alert）插件

最新推荐文章于 2022-05-28 09:52:44 发布

qq_28048579

最新推荐文章于 2022-05-28 09:52:44 发布

阅读量201

点赞数

本文链接：https://blog.csdn.net/qq_28048579/article/details/79529721

版权

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>Bootstrap 实例 - 警告框（Alert）插件 alert() 方法</title>
 6     <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
 7     <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 8     <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 9 </head>
10 <body>
11 
12 <h3>警告框（Alert）插件 alert() 方法</h3>
13 <div id="myAlert" class="alert alert-success">
14     <a href="#" class="close" data-dismiss="alert">&times;</a>
15     <strong>成功！</strong>结果是成功的。
16 </div>
17 <div id="myAlert" class="alert alert-warning">
18     <a href="#" class="close" data-dismiss="alert">&times;</a>
19     <strong>警告！</strong>您的网络连接有问题。
20 </div>
21 <script type="text/javascript">
22 $(function(){
23     $(".close").click(function(){
24         $("#myAlert").alert();
25     });
26 });  
27 </script> 
28 
29 </body>
30 </html>