html中的弹出框
拿去就是可以用的，一个css，两js，要是没有效果，怪我喽！！！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="/web/newict/framework/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" language="javascript"
src="/web/newict/framework/thirdparty/jquery-1.10.2.min.js"></script>
<script type="text/javascript"
src="/web/newict/framework/thirdparty/bootstrap/js/bootstrap.min.js"></script>
<!--写个js举个栗子·················-->
<script type="text/javascript" charset="utf-8">
function deleteItem(selectId){
var selectOption = $("#"+selectId+" option:selected");
if(selectOption.length==0){
var showHtml = "<p>";
showHtml = showHtml+"<span style='font-weight: bold;'>'"+"没有选择要删除的内容"+"'</span></p>";
$("#returnContent").html(showHtml);
$("#errorinfo").modal("show");
return;
}
</script>
</head>
<!--无耻的分割线-->
<img src="/web/res/web-csp-rm/images/set/u54.gif" class="imgCur" onclick="deleteItem('sceneSelect')" title="delete"/>
<select id="sceneSelect" size="10" class="form-control" >
</select>
<!--无耻的分割线-->
<!--下面就是整个“弹出框”了，一点都不能少·······-->
<div class="modal fade" id="errorinfo" tabindex="-1" role="dialog" data-backdrop = "false" aria-hidden="false">
<div class="modal-dialog ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h5 class="modal-title" >
<!--<script type="text/javascript">document.write(web_set_message)</script>-->
消息
</h5>
</div>
<div class="modal-body" id="returnContent">
</div>
<div class="modal-footer">
<button id="errorclose" type="button" class="btn btn-default" data-dismiss="modal">
<!--<script type="text/javascript">document.write(web_set_close)</script>-->
关闭
</button>
</div>
</div>
</div>
</div>
</html>