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;}


截图
[img]http://dl.iteye.com/upload/attachment/158167/319fece3-e2b3-37aa-8539-eeab760bd1a7.jpg[/img]


弹出的div是从页面顶部向下弹出的
发布了25 篇原创文章 · 获赞 1 · 访问量 1614
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章