Bootstrap的js插件之警告框(alert.js)
2024-08-31 06:31:55
data-dismiss="alert"——为关闭button加入该属性能够使其自己主动为警告框赋予关闭功能。
.fade .in——为警告框在关闭时加入动画效果。
很多其它细节參考演示样例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>js插件_警告框</title>
<link rel="stylesheet" href="bootstrap.min.css" type="text/css">
<!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
<script src="jquery-1.11.1.min.js"></script>
<script src="bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h3>警告框演示样例</h3> <div class="alert alert-info alert-dismissible fade in" role="alert" id="myAlert">
<button type="button" class="close" data-dismiss="alert" aria-label="close">
<span aria-disabled="true">×</span>
</button>
感谢您选择<strong><要投哪></strong>
<button type="button" class="btn btn-primary">详情</button>
</div>
</div>
<script>
// $("#myAlert").alert('close');
// $('#myAlert').on('closed.bs.alert',function(e){
// alert("关闭了");
// })
</script> </body>
</html>
最新文章
- 【转】Source Insight的Alt + W键不能使用的解决办法
- Java多线程之Runable与Thread
- PHP文件系统处理(二)
- Orchard官方文档翻译(三) 通过zip文件手动安装Orchard
- android studio里的build.gradle基本属性
- android 开发过程中碰到的 Failed to create the part&#39;s controls 问题
- AlphaDict 软件公布
- JavaScript方法undefined/null原因探究及闭包简单实现
- 禁止chrome中CORS跨域资源共享错误
- 从Java到C (大纲)
- .net core nlog记录日志
- DataReader和DataSet区别
- 解决mysql漏洞 Oracle MySQL Server远程安全漏洞(CVE-2015-0411)
- Unreachable statement
- zabbix模板化监控
- phpstudy等php本地环境运行缓慢的问题解决方法
- Python_Bool
- AlexeyAB大神版yolo 待完善
- qhfl-3 Course模块
- Sublime Text 3 + phpfmt 插件