jquery弹出div图层（带蒙板）

页面载入：

<script type="text/javascript" src="/javascripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/javascripts/dialog.js"></script>

主函数：

dialog("错误信息：","不能搜索空字符","200px","auto","text"); 
dialog(标题,显示主内容,高,宽,显示形式text|html); 

css code

#floatBoxBg{display:none;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;}
.floatBox{border:#666 5px solid;width:300px;position:absolute;top:50px;left:40%;}
.floatBox .title{height:23px;padding:7px 10px 0;background:#333;color:#fff;}
.floatBox .title h4{float:left;padding:0;margin:0;font-size:14px;line-height:16px;}
.floatBox .title span{float:right;cursor:pointer;}
.floatBox .content{padding:20px 15px;background:#fff;} 

截图



弹出的div是从页面顶部向下弹出的