<!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <title>Bootstrap 实例 - 警告框（Alert）插件 alert() 方法</title>

     <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">

     <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

     <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

 </head>

 <body>

 <h3>警告框（Alert）插件 alert() 方法</h3>

 <div id="myAlert" class="alert alert-success">

     <a href="#" class="close" data-dismiss="alert">&times;</a>

     <strong>成功！</strong>结果是成功的。

 </div>

 <div id="myAlert" class="alert alert-warning">

     <a href="#" class="close" data-dismiss="alert">&times;</a>

     <strong>警告！</strong>您的网络连接有问题。

 </div>

 <script type="text/javascript">

 $(function(){

     $(".close").click(function(){

         $("#myAlert").alert();

     });

 });

 </script> 

 </body>

 </html>

最新文章

  1. MySQL关于exists的一个bug
  2. 移动web开发之屏幕三要素
  3. 使用Python将HTML转成PDF
  4. 【web端】百度地图api
  5. JS写的CRC16校验算法
  6. ThinkPHP配置信息
  7. Android RecyclerView单击、长按事件标准实现：基于OnItemTouchListener + GestureDetector
  8. 第二十四课：jQuery.event.remove，dispatch的源码解读
  9. linux中无 conio.h的解决办法
  10. DES加密算法
  11. poj3159 最短路（差分约束）
  12. Photoshop：去掉投影
  13. 企业DC Windows运维监控规范及C辅助监控开发实战前奏;
  14. [置顶] [BZOJ]2127: happiness 最小割
  15. 《APUE》第四章笔记（1）
  16. poj3101
  17. WebService使用DataSetSurrogate压缩Dataset的序列化和解压反序列化传输 （转）
  18. python2.7入门---条件语句
  19. idea debug快捷键 快速查找类
  20. java POI导出Excel文件数据库的数据

热门文章

  1. vue路由--命名路由
  2. Flink1.9重大改进和新功能
  3. Linux运维---1.磁盘相关知识
  4. IntelliJ 如何找到项目中 Deprecated 的方法
  5. AMD R2600+微星B450迫击炮配置的新工作机，分享给大家
  6. SDMask(iOS蒙层遮罩弹出引导)
  7. mysql在建表语句中添加索引
  8. ELK学习001：Elastic Stack简介
  9. 重新安装python后，原来在虚拟环境里的django项目启动报错：dyld: Library not loaded: @executable_path/../.Python Referenced from: /Users/mac/.virtualenvs/WYGBlog-env/bin/python Reason: image not found
  10. 加速github访问速度