滑动菜单

在页面最底部，当鼠标移到某个标志时会滑出菜单。鼠标移走时菜单收回去！

解决方案 »

  1.   

    菜单什么样式啊？ 菜单假设为一个div默认display:none;在某个标志上 添加 onmouseout、onmouseover上添加div的隐藏与显示即可
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="zh-CN" lang="zh-CN">
    <head>
    <style type="text/css">
    #ToolBar {
    position:absolute;
    bottom:0px;
    right:0px;
    width:100%;
    height:100px;
    background:#ccc;
    z-index:3;
    overflow:hidden;
    }
    #ToolBar2 {
    position:absolute;
    left:0px;
    width:100%;
    height:100px;
    background:#ffffff;
    }
    </style>
    <script language="javascript">
    var over;
    var out;
    function overs(){
    var ToolBar2=document.getElementById("ToolBar2");
    var top=ToolBar2.style.top;
    top=parseInt(top.replace("px"));
    if(top>0){
    ToolBar2.style.top=(top-5)+"px";
    }else{
    clearInterval(over);
    }
    ToolBar2=null;top=null;
    }
    function outs(){
    var ToolBar2=document.getElementById("ToolBar2");
    var top=ToolBar2.style.top;
    top=parseInt(top.replace("px"));
    if(top<100){
    ToolBar2.style.top=(top+5)+"px";
    }else{
    clearInterval(out);
    }
    ToolBar2=null;top=null;
    }
    function overstart(){
    clearInterval(out)
    over=setInterval(overs,20);
    }
    function outstart(){
    clearInterval(over)
    out=setInterval(outs,20);
    }
    </script>
    </head>
    <body>
    <div id="ToolBar">
    <div id="ToolBar2" style="top:100px;">我出来啦</div>
    </div>
    <label onmouseover="overstart();" onmouseout="outstart();">鼠标放上来</label>
    </body></html>
    这效果？
      

  3.   

       alert("上樓很牛叉!!");