实现不了隐藏ul的效果，不知道问题在哪，大家帮忙

代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="javascript">
function kk()
{
var menu2=document.getElementById("menu2");
menu2.style.left="-9999em";
}
function dd()
{
var menu2=document.getElementById("menu2");
menu2.style.left="auto";
event.returnValue=false;
}
</script>
</head><body onload="kk();">
<ul id="menu">
<li><a href="" onclick="dd();">名字</a>
<ul id="menu2">
<li><a href="" onclick="ssss">小a</a>
<li><a href="" onclick="ssss">小afwefwe</a>
<li><a href="" onclick="ssss">当小afwe</a>
<li><a href="" onclick="ssss">小afwe</a>
<li><a href="" onclick="ssss">小afwef</a>
<li><a href="" onclick="ssss">小afewf</a>
<li><a href="" onclick="ssss">小afew</a>
<li><a href="" onclick="ssss">小addd</a>
</ul>
</li>
</ul>gergergergerg
</body>
</html>为什么进来的时候，id为menu2的ul还是会显示呢，加了menu2.style.left="-9999em";没效果，为什么呢？

解决方案 »

  1.   


    function kk()
    {
        var menu2=document.getElementById("menu2");
        menu2.style.display = "none"
    }
    function dd()
    {
        var menu2=document.getElementById("menu2");
        menu2.style.display = "block";
    }
    </script>
      

  2.   

    能不能不以控制style.display的方式来？能用style.left来控制实现吗？再请问一下问题就是先前某个A层(z-index为100)中是隐藏的，如果设置层b(z-index为99)的style.display="block"的话，那么层A是不是也会显示出来啊？
      

  3.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title></title>
    <script language="javascript">
    function kk()
    {
        var menu2=document.getElementById("menu2");
        menu2.style.marginLeft="-9999em";
    }
    function dd()
    {
        var menu2=document.getElementById("menu2");
        menu2.style.left="auto";
        event.returnValue=false;
    }
    </script>
    </head><body onload="kk();">
    <ul id="menu">
        <li><a href="" onclick="dd();">名字</a>
            <ul id="menu2">
                <li><a href="" onclick="ssss">小a</a>
                <li><a href="" onclick="ssss">小afwefwe</a>
                <li><a href="" onclick="ssss">当小afwe</a>
                <li><a href="" onclick="ssss">小afwe</a>
                <li><a href="" onclick="ssss">小afwef</a>
                <li><a href="" onclick="ssss">小afewf</a>
                <li><a href="" onclick="ssss">小afew</a>
                <li><a href="" onclick="ssss">小addd</a>
            </ul>
        </li>
    </ul>gergergergerg
    </body>
    </html>