可以拖動和隱藏的層，替代彈出窗口

isIE=document.all;

isNN=!document.all&&document.getElementById;

isN4=document.layers;

isHot=false;

function ddInit(e){

topDog=isIE ? "BODY" : "HTML";

whichDog=isIE ? document.all.theLayer : document.getElementById("theLayer");

hotDog=isIE ? event.srcElement : e.target;

while (hotDog.id!="titleBar"&&hotDog.tagName!=topDog){

hotDog=isIE ? hotDog.parentElement : hotDog.parentNode;

}

if (hotDog.id=="titleBar"){

offsetx=isIE ? event.clientX : e.clientX;

offsety=isIE ? event.clientY : e.clientY;

nowX=parseInt(whichDog.style.left);

nowY=parseInt(whichDog.style.top);

ddEnabled=true;

document.οnmοusemοve=dd;

}

}

function dd(e){

if (!ddEnabled) return;

whichDog.style.left=isIE ? nowX+event.clientX-offsetx : nowX+e.clientX-offsetx;

whichDog.style.top=isIE ? nowY+event.clientY-offsety : nowY+e.clientY-offsety;

return false;

}

function ddN4(whatDog){

if (!isN4) return;

N4=eval(whatDog);

N4.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);

N4.οnmοusedοwn=function(e){

N4.captureEvents(Event.MOUSEMOVE);

N4x=e.x;

N4y=e.y;

}

N4.οnmοusemοve=function(e){

if (isHot){

N4.moveBy(e.x-N4x,e.y-N4y);

return false;

}

}

N4.οnmοuseup=function(){

N4.releaseEvents(Event.MOUSEMOVE);

}

}

function hideMe(){

if (isIE||isNN) whichDog.style.visibility="hidden";

else if (isN4) document.theLayer.visibility="hide";

}

function showMe(){

if (isIE||isNN) whichDog.style.visibility="visible";

else if (isN4) document.theLayer.visibility="show";

}

document.οnmοusedοwn=ddInit;

document.οnmοuseup=Function("ddEnabled=false");

網頁代碼站消息： X 網頁代碼站 - 最專業的代碼下載網站 - 致力為中國站長提供有質量的代碼！

show

hide

總結

以上是生活随笔為你收集整理的html的table弹窗_Js弹出基于Table的可关闭浮动层的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。