解决DIV盖住select的方法

konglx

浏览: 645410 次
性别:
来自: 上海

最近访客更多访客>>

adiligentpiggy

mengstart

xkz

czl026

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JAVA

JavaScript HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Enve</title>
<meta http-equiv=content-type content="text/html; charset=gb2312">
<meta content="MSHTML 6.00.3790.2541" name=GENERATOR>
<script>
function createEnvelopDiv(Div)
{
    var gap = 0;
    if(navigator&&navigator.userAgent.toLowerCase().indexOf("msie") == -1)
    {
        gap = 2;
    }

    var displayDiv = Div;
    if(typeof(displayDiv.envelopDiv) == "undefined")
    {
        // create a div to envelop
        var tEnvelopDiv = document.createElement("DIV");

        // define the envelopDiv's style
        tEnvelopDiv.style.left   = "-1000000";
        tEnvelopDiv.style.top    = "-1000000";
        tEnvelopDiv.style.width = "0";
        tEnvelopDiv.style.height = "0";
        tEnvelopDiv.style.zIndex = 10000;

        // create a iframe
        var tEnvelopIframe = document.createElement("IFRAME");
        var tDate = new Date();
        var tEnvelopIframeId = "envelopiframe" + tDate.getTime();
        tEnvelopIframe.id = tEnvelopIframeId;
        tEnvelopIframe.name = tEnvelopIframeId;

        // define the iframe's style
        tEnvelopIframe.style.position = "absolute";
        tEnvelopIframe.style.left     = "-1000000";
        tEnvelopIframe.style.top      = "-1000000";
        tEnvelopIframe.style.zIndex   = tEnvelopDiv.style.zIndex-1;
        tEnvelopIframe.frameBorder    = "1";
        tEnvelopIframe.src            = "javascript:false;";

tEnvelopDiv.appendChild(tEnvelopIframe);

displayDiv.envelopDiv = tEnvelopDiv;
displayDiv.envelopDiv.EnvelopIframeId = tEnvelopIframeId;

displayDiv.parentNode.insertBefore(displayDiv.envelopDiv,displayDiv);

}

    // get the iframe
    tEnvelopDivIframeId = displayDiv.envelopDiv.EnvelopIframeId;
    if(frames&&(frames[tEnvelopDivIframeId]&&frames[tEnvelopDivIframeId].frameElement))
    {
        tIframe=frames[tEnvelopDivIframeId].frameElement;
    }
    else
    {
        tIframe=document.getElementById(tEnvelopDivIframeId);
    }

    tIframe.style.left   = displayDiv.style.left;
    tIframe.style.top    = displayDiv.style.top;
    tIframe.style.width = displayDiv.offsetWidth-2*gap+"px";
    tIframe.style.height = displayDiv.offsetHeight-2*gap+"px";
    tIframe.style.display = displayDiv.style.display;
    tIframe.style.visibility = displayDiv.style.visibility;
    displayDiv.style.zIndex = displayDiv.envelopDiv.style.zIndex+1;

return false;
}
</script>
</head>
<body>
<select name="ddd" style="position:absolute;font-size:14px;top:196px;left:106px;">
<option>select</option>
</select>
<div id="Div1" style="position:absolute;font-size:14px;top:126px;left:106px;width:210px;height:100px;background-color:red;border:green 2px solid">
盖不住select的Div1
</div>
<div id="Div2" style="position:absolute;font-size:14px;top:180px;left:160px;width:150px;height:50px;background-color:white;border:blue 1px solid">
盖住select的Div2<br />
  3秒后左移并遮盖
</div>
<script>
t = document.getElementById("Div2");

setTimeout("test()", "3000");
function test()
{
t.style.left = "140px";
createEnvelopDiv(t);
}
</script>
</body>
</html>

查看图片附件

分享到：

jQuery捕捉到触发的目标元素 | D600可以关背光的MP3播放器，听MP3又同时 ...

2009-06-18 20:38
浏览 1654
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论