欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS彈出層的顯示與隱藏示例代碼

 更新時間:2013年12月27日 11:39:52   作者:  
關于JS彈出層的顯示與隱藏,在網(wǎng)上可以搜到很多的類似教程,本文實現(xiàn)了一下,喜歡的朋友不要錯過
復制代碼 代碼如下:

<!--彈出層的顯示與隱藏-->
<script type="text/javascript">
//彈出層的顯示
//overlays:為遮罩層的ID
//wins:彈出層窗體的ID
//彈出層中用于拖動的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>

相關文章

  • 通過JS來判斷頁面控件是否獲取焦點

    通過JS來判斷頁面控件是否獲取焦點

    本篇文章主要介紹了通過JS來判斷頁面控件是否獲取焦點的方法。需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • Bootstrap 模態(tài)框(Modal)插件代碼解析

    Bootstrap 模態(tài)框(Modal)插件代碼解析

    Bootstrap 模態(tài)框(Modal)插件 模態(tài)框(Modal)是覆蓋在父窗體上的子窗體。這篇文章主要介紹了Bootstrap 模態(tài)框(Modal)插件代碼解析的相關資料,需要的朋友可以參考下
    2016-12-12
  • JavaScript將Web頁面內容導出到Word及Excel的方法

    JavaScript將Web頁面內容導出到Word及Excel的方法

    這篇文章主要介紹了JavaScript將Web頁面內容導出到Word及Excel的方法,涉及javascript操作ActiveXObject控件的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • javascript實現(xiàn)確定和取消提示框效果

    javascript實現(xiàn)確定和取消提示框效果

    這篇文章主要介紹了javascript實現(xiàn)確定和取消提示框效果的方法以及示例代碼分享,有需要的小伙伴可以參考下。
    2015-07-07
  • 從0到1學習JavaScript編寫貪吃蛇游戲

    從0到1學習JavaScript編寫貪吃蛇游戲

    這篇文章主要為大家詳細介紹了JavaScript編寫貪吃蛇游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-07-07
  • 如何在JavaScript中謹慎使用代碼注釋

    如何在JavaScript中謹慎使用代碼注釋

    這篇文章主要介紹了如何在JavaScript中謹慎使用代碼注釋,必要的注釋可以闡明實現(xiàn)細節(jié)和設計意圖,以此節(jié)約自己和別人的時間。 然而很多時候注釋起的作用卻適得其反,,需要的朋友可以參考下
    2019-06-06
  • javascript中對象的定義、使用以及對象和原型鏈操作小結

    javascript中對象的定義、使用以及對象和原型鏈操作小結

    這篇文章主要介紹了javascript中對象的定義、使用以及對象和原型鏈操作,結合實例形式總結分析了javascript對象操作的常用技巧,需要的朋友可以參考下
    2016-12-12
  • JavaScript代碼性能優(yōu)化總結篇

    JavaScript代碼性能優(yōu)化總結篇

    本文給大家總結了有關js代碼性能優(yōu)化的相關知識,非常不錯,感興趣的朋友一起學習吧
    2016-05-05
  • KnockoutJS數(shù)組比較算法實例詳解

    KnockoutJS數(shù)組比較算法實例詳解

    這篇文章主要介紹了KnockoutJS數(shù)組比較算法實例詳解,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-11-11
  • js實現(xiàn)圖片查看器

    js實現(xiàn)圖片查看器

    這篇文章主要為大家詳細介紹了js實現(xiàn)圖片查看器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07

最新評論