js自定制菜单实现,遇到一个问题。望解答！

你是要第一次加载时把它隐藏吗？那在body上加个onload（）函数不就可以了吗。
<body onload="defaultmenu();"></body>

解决方案 »

  1.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>menu_SetCookie</title>
    </head><body>
    <div class="menu">
    <ul id="ulaccount_1"onclick="javascript:changeimg('1');">我的你的
        <div id="licontent_1">
            <li><a href="myinfo.html">信息修改</a></li>
            <li><a href="changePwd.html">密码找回</a></li>
        </div>
    </ul>
    <ul id="ulaccount_2"onclick="javascript:changeimg('2');">服务接口
        <div id="licontent_2">
            <li><a href="interface.html">接口交换</a></li>
        </div>
    </ul>
        </div>
    <script type="text/javascript">
    onload=function(){
    defaultmenu();
    var tmp=GetCookie('opened')
    //'opened'有效，设定对应的TAB样式
    if (tmp){changeimg(tmp)}
    }
    function defaultmenu(){
        for(var i=1;i<=2;i++){//遍历所有控制li的div层.默认显示为隐藏。
          document.getElementById("licontent_"+i).style.display="none";
        }
    }
    var flag;
    function changeimg(obj){//判断点击哪个菜单，显示其下li内容列表,更换背景图片。其他隐藏。
    var account=document.getElementById("licontent_"+obj);
    var down=document.getElementById("ulaccount_"+obj);
        if (!flag || flag && flag!=obj){
        defaultmenu();
        account.style.display="";
        down.style.background="url(images/left_menu_ul.gif)";
        flag=obj
        SetCookie(obj)
        }
        else {
        account.style.display="none";
        down.style.background="url()";
        flag=null
        SetCookie("")
        
        
        
        }
        
    }
    function GetCookie(Name) {//读Cookie中Name的值
    var search = Name + "="
    var Cookie =document.cookie;
    if (Cookie.length <= 0 || Cookie.indexOf(search)==-1)return 0;// cookie 不存在 或 'openid' 不存在,返回 0
    else{
    var tmp= Cookie.split(search)[1].split(";")[0]
    return unescape(tmp)
    }
    }
    function SetCookie(id){//写Cookie
    document.cookie="opened="+escape(id)
    }
         
    </script>
    </body></html>
      

  2.   


    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>menu_SetCookie</title>
    </head><body>
    <div class="menu">
    <ul id="ulaccount_1"onclick="javascript:changeimg('1');">我的你的
        <div id="licontent_1">
            <li><a href="myinfo.html">信息修改</a></li>
            <li><a href="changePwd.html">密码找回</a></li>
        </div>
    </ul>
    <ul id="ulaccount_2"onclick="javascript:changeimg('2');">服务接口
        <div id="licontent_2">
            <li><a href="interface.html">接口交换</a></li>
        </div>
    </ul>
        </div>
    <script type="text/javascript">
    onload=function(){
    defaultmenu();
    var tmp=GetCookie('opened')
    //'opened'有效，设定对应的TAB样式
    if (tmp){changeimg(tmp)}
    }
    function defaultmenu(){
        for(var i=1;i<=2;i++){//遍历所有控制li的div层.默认显示为隐藏。
          document.getElementById("licontent_"+i).style.display="none";
        }
    }
    var flag;
    function changeimg(obj){//判断点击哪个菜单，显示其下li内容列表,更换背景图片。其他隐藏。
    var account=document.getElementById("licontent_"+obj);
    var down=document.getElementById("ulaccount_"+obj);
        if (!flag || flag && flag!=obj){
        defaultmenu();
        account.style.display="";
        down.style.background="url(images/left_menu_ul.gif)";
        flag=obj
        SetCookie(obj)
        }
        else {
        account.style.display="none";
        down.style.background="url()";
        flag=null
        SetCookie("")
        
        
        
        }
        
    }
    function GetCookie(Name) {//读Cookie中Name的值
    var search = Name + "="
    var Cookie =document.cookie;
    if (Cookie.length <= 0 || Cookie.indexOf(search)==-1)return 0;// cookie 不存在 或 'openid' 不存在,返回 0
    else{
    var tmp= Cookie.split(search)[1].split(";")[0]
    return unescape(tmp)
    }
    }
    function SetCookie(id){//写Cookie
    document.cookie="opened="+escape(id)
    }
         
    </script>
    </body></html>
      

  3.   

    ie6--ok
    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>menu_SetCookie</title>
    </head><body>
    <div class="menu">
    <ul id="ulaccount_1"onclick="javascript:changeimg('1');">我的你的
        <div id="licontent_1">
            <li><a href="myinfo.html">信息修改</a></li>
            <li><a href="changePwd.html">密码找回</a></li>
        </div>
    </ul>
    <ul id="ulaccount_2"onclick="javascript:changeimg('2');">服务接口
        <div id="licontent_2">
            <li><a href="interface.html">接口交换</a></li>
        </div>
    </ul>
        </div>
    <script type="text/javascript">
    onload=function(){
    defaultmenu();
    var tmp=GetCookie('opened')
    if (tmp>0){changeimg(tmp)}
    }function defaultmenu(){
        for(var i=1;i<=2;i++){
          document.getElementById("licontent_"+i).style.display="none";
        }
    }
    var flag;
    function changeimg(obj){
        var account=document.getElementById("licontent_"+obj);
        var down=document.getElementById("ulaccount_"+obj);
        if (!flag || flag && flag!=obj){
            defaultmenu();
            account.style.display="";
            down.style.background="url(images/left_menu_ul.gif)";
            flag=obj
            SetCookie(obj)
        }
        else {
            account.style.display="none";
            down.style.background="url()";
            flag=null
            SetCookie(0)
        }
    }
    function GetCookie(Name) {
        var search = Name + "="
        var Cookie =document.cookie;
        if (Cookie.length <= 0 || Cookie.indexOf(search)==-1)return 0;
        else{
            var tmp=  Cookie.split(search)[1].split(";")[0]
            return unescape(tmp)
        }
    }
    function SetCookie(id){
        document.cookie="opened="+escape(id)
    }
    </script>
    </body></html>
      

  4.   

    还有，页面首次加载。
    如果在代码中包括:onload=function(){}
    则出现缺少";"的错误。
    请您测试下。
    我的环境:ie7.0 ff,