bootstrap警告框示例代碼分享
更新時間：2017年05月17日 09:22:02 作者：YY小蘋果
這篇文章主要為大家詳細介紹了bootstrap警告框示例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了bootstrap警告框的具體代碼，供大家參考，具體內(nèi)容如下
<!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 方法被觸發(fā)時調(diào)用！');
});
</script>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
怎么用javascript進行拖拽...2006-07-07
下面小編就為大家?guī)硪黄鷍s封裝的一些jquery方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
這篇文章主要為大家詳細介紹了javascript事件委托的用法及其好處，感興趣的朋友可以參考一下2016-04-04
在JavaScript中事件監(jiān)聽是一種用于處理用戶交互的機制,下面這篇文章主要給大家介紹了關于JS綁定事件監(jiān)聽的幾種實現(xiàn)方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-10-10
JS禁止瀏覽器右鍵查看元素或按F12審查元素自動關閉頁面示例代碼
這篇文章主要給大家介紹了關于利用Javascript如何禁止瀏覽器右鍵查看元素，或者通過按F12審查元素，觸犯這兩個條件會自動并關閉頁面的相關資料，通過設置這個可以防止別人扒下自己的網(wǎng)頁，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
javascript實現(xiàn)的動態(tài)添加表單元素input,button等(appendChild)
這篇文章給大家介紹了javascript實現(xiàn)的動態(tài)添加表單元素input,button等(appendChild)的實例代碼，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2007-11-11
這篇文章主要介紹了使用原生js寫的一個簡單slider，喜歡的朋友可以參考下2014-04-04
js 數(shù)值轉(zhuǎn)換為3位逗號分隔的示例代碼
本篇文章主要是對js將數(shù)值轉(zhuǎn)換為3位逗號分隔的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了JavaScript中的Proxy對象的相關資料，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下2020-11-11
這篇文章主要跟大家分享了一次圍繞setTimeout展開的前端面試經(jīng)驗，是一篇有意思的圍繞setTimeout展開的前端開發(fā)考題，考察了for循環(huán)、定時器setTimeout()、JavaScript閉包、匿名函數(shù)和Promise等，一不小心你可能就會做錯，快來看看你有沒有掌握了上面的知識。2017-06-06