………… div 中截取 的疑问 …………

本帖最后由 hetengfei_ 于 2011-12-10 17:17:24 编辑

解决方案 »

  1.   

    下面，我用一个例子来表达我的想法。
    你帮我看看，看能不能理解我的意思。
    谢谢了！！！
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    #ShowLayer div
    {

    }
    #layer1
    {
    position:absolute;
    margin-left:100px;
    margin-top:50px;
    width:400px;
    height:100px;
    color:White;
    background-color:Yellow;
    top:100px;
    left:100px;
    zIndex:1;
    }
    #layer2
    {
    position:absolute;
    margin-left:100px;
    margin-top:50px;
    width:100px;
    height:400px;
    color:White;
    background-color:Green;
    top:100px;
    left:400px;
    zIndex:1;
    }
    #layer3
    {
    position:absolute;
    margin-left:100px;
    margin-top:50px;
    width:400px;
    height:100px;
    color:White;
    background-color:Gray;
    top:400px;
    left:100px;
    zIndex:1;
    }
    #layer4
    {
    position:absolute;
    margin-left:100px;
    margin-top:50px;
    width:100px;
    height:400px;
    color:White;
    background-color:Blue;
    top:100px;
    left:100px;
    zIndex:1;
    }

    </style>
    <script src="JS/jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function(){
    var index=4;
    $("#ShowLayer div").mouseenter(function(ev){
    $("#ShowLayer div").css("zIndex","0");
    $(this).css("zIndex","2");
    }).mouseout(function(ev){
    $("#ShowLayer div").css("zIndex","2");
    $(this).css("zIndex","0");
    });
    });
    </script>
    </head>
    <body onload="documentOnLoad();"><div id="ShowLayer">
    <div id="layer1"   >aaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>  
    <div id="layer2"   >bbbbbbb<br />bbbbbbb<br />bbbbbbb<br />bbbbbbb</div> 
    <div id="layer3"   >cccccccccccccccccccccccccccc</div>
    <div id="layer4"   >ddddddd<br />ddddddd<br />ddddddd<br />ddddddd</div>
    </div><div>
    <h4>
    好比这个例子，<br />
    你看这个可不可以做到 ：<br />bbbbbbbb 盖住 aaaaaaaa<br />
    cccccccc 盖住 bbbbbbbb<br />
    dddddddd 盖住 cccccccc<br />
    aaaaaaaa 盖住 dddddddd<br /></h4><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </div>
    </body>
    </html>