|
|
圖1（彈出一個div）
圖2（彈出多個）
構造函數：
復制代碼 代碼如下:
var DivWindow= function(popup/*最外層div id*/,popup_drag/*拖動div id*/,popup_exit/*退出按鈕id*/ ,exitButton/*觸發服務器端退出按鈕id*/,varwidth,varheight,zindex){
this.popup =popup ;
this.height =varheight ; //窗口高度,并沒用來設置窗口高度寬度，用來定位在屏幕的位置
this.width =varwidth ; //窗口寬度
this.popup_exit=popup_exit;
this.exitButton=exitButton;
this.zindex=zindex;
this.init = function(){ //初始化窗口
this.popupShow();
this.startDrag(); //設置拖動
this.setCommond(); //設置關閉
DivWindow.ArrayW.push(document.getElementById(this.popup)); //存儲窗口到數組
};this.init();
};
調用：
復制代碼 代碼如下:
<input type="button" id="show" onclick="Javascript:new DivWindow('popup','popup_drag','popup_exit','exitButton','500','700',4);" value='觸發彈出詳細基本資料DIV' />
有的地方可能大家覺得有點奇怪，不要問我問什么，因為我有這個需要，有時間再修改一下遮罩效果。更詳細代碼請見下載
完整代碼
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
打包下載
JavaScript技術：javascript 通過封裝div方式彈出div窗體，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
