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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章