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">&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>

转载于:https://www.cnblogs.com/yccmelody/p/8241622.html

Bootstrap 警告框（Alert）插件相关推荐

Bootstrap警告框、弹出提示层、模态框的js插件效果总结
Bootstrap警告框js插件经常会在bootstrap项目中遇到警告框.弹出提示层.弹出模态框组件等等场景应用. 使用前准备: 插件使用之前,请先导入如下文件: jquery.min.js bo ...
Bootstrap 警告框插件Alert 的事件
事件 Bootstrap警告框插件Alert有两个事件,一个是close,一个是closed,它们的含义见表 5‑6. 表 5‑6 警告框的事件及含义事件含义 close 调用close方法时,立 ...
Bootstrap 警告框插件Alert
警告框 Bootstrap警告框插件Alert需要 bootstrap-alert.js 文件支持,在使用该插件之前,应该导入 jQuery 和 bootstrap-alert.js 文件. 使用方法 ...
Bootstrap警告框
前面的话在网站中,网页总是需要和用户一起做沟通与交流.特别是当用户操作上下文为用户提供一些有效的警示框,比如说告诉用户操作成功.操作错误.提示或者警告等.在Bootstrap框架有一个独立的组件,实 ...
Bootstrap 警告框的外观
警告框的外观 Bootstrap还提供了 3 个可选的情景类 .alert-error..alert-success 和 .alert-info,用于改变警告框和警告块的背景颜色,以及警告框和警告块中 ...
Bootstrap 警告框
警告框在交互式网页中,经常要根据用户操作的上下文,比如操作成功.操作失败等,为用户提供灵活的提示信息. 警告框警告框用于为成功.警告和错误信息提供样式.默认的警示框可以通过给 <div> ...
地图选点 php,百度地图选点–Bootstrap模态框(Modal)插件
在网站的开发过程中,例如商家的注册等,需要商家设定自己的经纬度进行对商家的精确定位,同时也方便用户查找到附近距离范围内的商家.这样更利于网站的用户和商家互动.商家设定自己的经纬度就需要使用到百度地图2 ...
js仿苹果风格弹出框alert插件
下载地址 js仿苹果风格弹出框alert插件,多种调用方式. dd:
Bootstrap 警告框组件 + 退出按钮样式实现一个可退出的警告框
Bootstrap 实现可退出的警告框通过bootstrap的警告框组件和退出按钮的样式就可以实现一个简单的可退出警告框: 先来看看退出按钮样式的实现: <button type=" ...

Bootstrap 警告框（Alert）插件

Bootstrap 警告框（Alert）插件相关推荐

最新文章

热门文章