Bootstrap 警告框（Alert）插件

本文轉載自查看原文 2018-01-08 10:59 3471 JS

 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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Bootstrap -- 插件: 提示工具、彈出框、警告框消息基於bootstrap模態框的alert彈窗 selenium - webdriver 警告框處理 switch_to.alert JavaScript-警告（alert 消息對話框） 15 JavaScript彈窗（警告框alert、確認框confirm、提示框Promt）類似於alert提示框的優化插件 Bootstrap基礎9（工具提示框、警告框、彈出框） Bootstrap 模態框（Modal）插件的基本應用 Jquery插件之信息彈出框showInfoDialog（成功、錯誤、警告、通知）利用bootstrap的modal組件自定義alert，confirm和modal對話框