JS頁面中間彈出提示框 頁面上只有一個按鈕，，點擊按鈕后 彈出對話框,,,原頁面變的不可操作<script language="javascript"> // 參數(shù)：標(biāo)題 內(nèi)容 寬度 高度---------背景禁用的可拖動的提示窗口function alertWin(title, msg, w, h){ var titleheight = "22px"; // 提示窗口標(biāo)題高度 var bordercolor = "#666699"; //邊框顏色 var titlecolor = "#FFFFFF"; //標(biāo)題顏色 var titlebgcolor = "#666699"; //標(biāo)題背景色 var bgcolor = "#FFFFFF"; // 提示內(nèi)容的背景色var iWidth = document.documentElement.clientWidth; //獲取網(wǎng)頁可見區(qū)域?qū)挾葀ar iHeight = document.documentElement.clientHeight; //獲取網(wǎng)頁可見區(qū)域高度var bgObj = document.createElement("div"); //創(chuàng)建div對象 這個div應(yīng)該是遮住整個頁面的使本頁面不可用bgObj.style.cssText = "position:absolute;left:0px;top:0px;width:"+iWidth+"px;height:"+Math.max(document.body.clientHeight, iHeight)+"px;filter:Alpha(Opacity=30);opacity:0.3;background-color:#000000;z-index:101;"; document.body.appendChild(bgObj); //將div加載到頁面對象中var msgObj=document.createElement("div"); // 這個是 彈出的整個對話框的 divmsgObj.style.cssText = "position:absolute;font:11px '宋體';top:"+(iHeight-h)/2+"px;left:"+(iWidth-w)/2+"px;width:"+w+"px;height:"+h+"px;text-align:center;border:1px solid "+bordercolor+";background-color:"+bgcolor+";padding:1px;line-height:22px;z-index:102;"; document.body.appendChild(msgObj);var table = document.createElement("table"); //創(chuàng)建一個表msgObj.appendChild(table); //彈出對話框的div 加載上這個表table.style.cssText = "margin:0px;border:0px;padding:0px;"; table.cellSpacing = 0; var tr = table.insertRow(-1); //表格插入行var titleBar = tr.insertCell(-1); //inserCell 往表格中插入新的單元格 相當(dāng)于加入列吧 //標(biāo)題的css樣式 高度是22pxtitleBar.style.cssText = "width:100%;height:"+titleheight+"px;text-align:left;padding:3px;margin:0px;font:bold 13px '宋體';color:"+titlecolor+";border:1px solid " + bordercolor + ";cursor:move;background-color:" + titlebgcolor; titleBar.style.paddingLeft = "10px";//標(biāo)題的文字 距離左邊的距離是10px； titleBar.innerHTML = title; //將傳入的標(biāo)題的內(nèi)容 加入var moveX = 0; //移動的橫坐標(biāo)var moveY = 0; //移動的右坐標(biāo)var moveTop = 0; //移動 距離頂部var moveLeft = 0; //移動距離 左邊var moveable = false; //是否允許移動var docMouseMoveEvent = document.onmousemove; //鼠標(biāo)移動的時候 事件var docMouseUpEvent = document.onmouse
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請
點擊舉報。
