JS彈出層的顯示與隱藏示例代碼
更新時(shí)間:2013年12月27日 11:39:52 作者:
關(guān)于JS彈出層的顯示與隱藏,在網(wǎng)上可以搜到很多的類(lèi)似教程,本文實(shí)現(xiàn)了一下,喜歡的朋友不要錯(cuò)過(guò)
復(fù)制代碼 代碼如下:
<!--彈出層的顯示與隱藏-->
<script type="text/javascript">
//彈出層的顯示
//overlays:為遮罩層的ID
//wins:彈出層窗體的ID
//彈出層中用于拖動(dòng)的ID
function popDIV_show(overlays,wins,wins_title) {
var oLays = documentgetElementById(overlays);
var oWins = documentgetElementById(wins);
var oWins_title = documentgetElementById(wins_title);
var bDrag = false;
var disX = disY = 0;
var w = "";
var n = 1;
if (n > 0) {
oLaysstyledisplay = "block";
oWinsstyledisplay = "block";
oWins_titleonmousedown = function(event) {
var event = event || windowevent;
bDrag = true;
disX = eventclientX - oWinsoffsetLeft;
disY = eventclientY - oWinsoffsetTop;
thissetCapture && thissetCapture();
return false
};
documentonmousemove = function(event) {
if (!bDrag)
return;
var event = event || windowevent;
var iL = eventclientX - disX;
var iT = eventclientY - disY;
var maxL = documentdocumentElementclientWidth
- oWinsoffsetWidth;
var maxT = documentdocumentElementclientHeight
- oWinsoffsetHeight;
iL = iL < 0 ? 0 : iL;
iL = iL > maxL ? maxL : iL;
iT = iT < 0 ? 0 : iT;
iT = iT > maxT ? maxT : iT;
oWinsstylemarginTop = oWinsstylemarginLeft = 0;
oWinsstyleleft = iL + "px";
oWinsstyletop = iT + "px";
return false;
};
documentonmouseup = windowonblur = oWins_titleonlosecapture = function() {
bDrag = false;
oWins_titlereleaseCapture && oWins_titlereleaseCapture();
};
}
}
//彈出層的隱藏
//overlays:為遮罩層的ID
//wins:彈出層窗體的ID
function popDIV_hidden(overlays,wins) {
var oWins = documentgetElementById(wins);
var oLays = documentgetElementById(overlays);
oWinsstyledisplay = "none";
oLaysstyledisplay = "none";
}
</script>
相關(guān)文章
通過(guò)JS來(lái)判斷頁(yè)面控件是否獲取焦點(diǎn)
本篇文章主要介紹了通過(guò)JS來(lái)判斷頁(yè)面控件是否獲取焦點(diǎn)的方法。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01Bootstrap 模態(tài)框(Modal)插件代碼解析
Bootstrap 模態(tài)框(Modal)插件 模態(tài)框(Modal)是覆蓋在父窗體上的子窗體。這篇文章主要介紹了Bootstrap 模態(tài)框(Modal)插件代碼解析的相關(guān)資料,需要的朋友可以參考下2016-12-12JavaScript將Web頁(yè)面內(nèi)容導(dǎo)出到Word及Excel的方法
這篇文章主要介紹了JavaScript將Web頁(yè)面內(nèi)容導(dǎo)出到Word及Excel的方法,涉及javascript操作ActiveXObject控件的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02javascript實(shí)現(xiàn)確定和取消提示框效果
這篇文章主要介紹了javascript實(shí)現(xiàn)確定和取消提示框效果的方法以及示例代碼分享,有需要的小伙伴可以參考下。2015-07-07從0到1學(xué)習(xí)JavaScript編寫(xiě)貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript編寫(xiě)貪吃蛇游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-07-07javascript中對(duì)象的定義、使用以及對(duì)象和原型鏈操作小結(jié)
這篇文章主要介紹了javascript中對(duì)象的定義、使用以及對(duì)象和原型鏈操作,結(jié)合實(shí)例形式總結(jié)分析了javascript對(duì)象操作的常用技巧,需要的朋友可以參考下2016-12-12KnockoutJS數(shù)組比較算法實(shí)例詳解
這篇文章主要介紹了KnockoutJS數(shù)組比較算法實(shí)例詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11