bootstrap警告框示例代码分享
更新时间：2017年05月17日 09:22:02 作者：YY小苹果
这篇文章主要为大家详细介绍了bootstrap警告框示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了bootstrap警告框的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<title>XXX</title>
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" rel="external nofollow" >
<link rel="stylesheet" href="css/main.css" rel="external nofollow" >
<!--[if lt IE 9]>
<script src="lib/html5shiv/html5shiv.min.js"></script>
<script src="lib/respond/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="alert alert-danger fade in"><!--淡入淡出-->
<button type="button" class="close" data-dismiss="alert">
<span>×</span>
</button>
<p>
警告：你的浏览器不支持
</p>
</div>
<br>
<br>
<br>
<!--用jQuery代替data-dismiss="alert"-->
<div class="alert alert-danger fade in" id="alert"><!--淡入淡出-->
<button type="button" class="close">
<span>×</span>
</button>
<p>
警告：你的浏览器不支持
</p>
</div>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/main.js"></script>
<script>
$('.close').on('click', function () {
$('#alert').alert('close');
})
//事件，其他雷同
$('#alert').on('close.bs.alert', function () {
alert('当 close 方法被触发时调用！');
});
</script>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
怎么用javascript进行拖拽...2006-07-07
下面小编就为大家带来一篇原生js封装的一些jquery方法(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要为大家详细介绍了javascript事件委托的用法及其好处，感兴趣的朋友可以参考一下2016-04-04
在JavaScript中事件监听是一种用于处理用户交互的机制,下面这篇文章主要给大家介绍了关于JS绑定事件监听的几种实现方法,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-10-10
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
这篇文章主要给大家介绍了关于利用Javascript如何禁止浏览器右键查看元素，或者通过按F12审查元素，触犯这两个条件会自动并关闭页面的相关资料，通过设置这个可以防止别人扒下自己的网页，需要的朋友可以参考借鉴，下面来一起看看吧。2017-09-09
javascript实现的动态添加表单元素input,button等(appendChild)
这篇文章给大家介绍了javascript实现的动态添加表单元素input,button等(appendChild)的实例代码，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2007-11-11
这篇文章主要介绍了使用原生js写的一个简单slider，喜欢的朋友可以参考下2014-04-04
本篇文章主要是对js将数值转换为3位逗号分隔的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了JavaScript中的Proxy对象的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下2020-11-11
这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验，是一篇有意思的围绕setTimeout展开的前端开发考题，考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等，一不小心你可能就会做错，快来看看你有没有掌握了上面的知识。2017-06-06
最新评论