就像QQ游戏左边的菜单那样,点击一下菜单旁的小三角型树形菜单就向左隐藏,再点一下菜单就显示出来。 

解决方案 »

  1.   

    利用stayle中display来实现看看·
    当点击的时候display:block
    消失display:none
      

  2.   

    用JS做
    function open(){
    document.getElementById("层名字").style.display=block
    }
    function close(){
    document.getElementById("层名字").style.display=none
    }
    在那个小三角型那写onclick事件调用函数
      

  3.   


    function SwitchMenu(obj)
    {
    if(document.getElementById)
    {
    var el = document.getElementById(obj);
    var ar = document.getElementById("masterdiv").getElementsByTagName("span"); 
    if(el.style.display != "block")

    for (var i=0; i<ar.length; i++)
    {
    if (ar[i].className=="submenu") 
    ar[i].style.display = "none";
    }
    el.style.display = "block";
    }
    else
    {
    el.style.display = "none";
    }
    }
    }
      

  4.   

    用js改变框架的宽度function changeWin(){
    if(parent.left.cols!="8,*"){
    parent.left.cols="8,*";
    var html="<img src='left//arrow_rt.gif'>";
    }
    else{
    parent.left.cols="200,*";
    var html="<img src='left//arrow_lf.gif'>";
    }
    document.all.menuSwitch.innerHTML=html;
    }