Bootstrap 警告框(Alert)插件
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">×</a> 15 <strong>成功!</strong>结果是成功的。 16 </div> 17 <div id="myAlert" class="alert alert-warning"> 18 <a href="#" class="close" data-dismiss="alert">×</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>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步