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