特效切换功能

Question

怎么实现像vs工具栏那样的切换效果，要用的时候鼠标浮上去，就出来 不用鼠标离开自己就进去，也可以固定住；使用js 不用ajax控件；

Answer 1

<style type="text/css">
       .divcss
        {
            width:197px;
            background-color: #ffffff;
            text-align:center;
        }
        .divcss .divtitle a
        {
            
            color:#569dc7;
            font-size:12px;
            text-align:center;
            height:25px;
            margin:0px;
            line-height:30px;
            display:inline;
            
        }
        .divcss .divtitle
        {
           background-image:url(../images/bg.jpg);
           background-repeat:no-repeat; 
           height: 25px;
           cursor:pointer;
        }
        .divcss ul, li
        {
           list-style-type:none;
           line-height:25px;
           text-align:center;
           padding:0px; margin:0px;
        }
       
        .divcss a
        {
            color: #404040;
            display:inline;
            padding-left: 3px;
            width: 80px;
            text-decoration:none;
            text-align:center;
        }
     
        .divcss a:hover
        {
            color: #404040;
        }
          .divcss .divtitle a:hover
        {            
            color:#569dc7;            
        }
    </style><script type="text/javascript" language="javascript">
       $(document).ready(function(){
            $(".divtitle").mousemove(function(i){
              var $divcss=$(this);
              var display=$divcss.siblings("ul").css("display");
              if(display=="none"){
                $divcss.siblings("ul").css("display","");
              }else{
                $divcss.siblings("ul").css("display","none");
              }
            })       })
     
</script><div style="text-align: center; padding-left: 16px;">
    <div runat="server" id="divMember" style="text-align:left; "></div>
    <br />
    <div class="divcss">
        <div class="divtitle">
            <a href="#">个人资料 </a>
        </div>
        <ul>
            <li><a href="MemberInfo.aspx">查看个人资料</a></li>
            <li><a href="UpdateMemberInfo.aspx">修改个人资料</a></li>
            <li><a href="UpdateMemberEmail.aspx">修改E-mail地址</a></li>
            <li><a href="UpdateMemberPassWord.aspx">修改密码</a></li>
        </ul>
    </div>
    <div class="divcss">
        <div class="divtitle">
            <a href="#">收藏夹管理</a>
        </div>
        <ul>
            <li><a href="MemberFavoritesList.aspx">我的收藏</a></li>
        </ul>
    </div>
    <div class="divcss">
        <div class="divtitle">
            <a href="#">意向单管理</a>
        </div>
        <ul>
            <li><a href="MemberOrderList.aspx">我的意向单</a></li>
        </ul>
    </div>
    <div class="divcss">
        <div class="divtitle">
            <a href="#">积分管理</a>
        </div>
        <ul>
            <li><a href="MemberScore.aspx">我的积分</a></li>
        </ul>
    </div>
    <div class="divcss">
        <div class="divtitle">
            <a href="#">面板操作</a>
        </div>
        <ul>
            <li>
                <asp:LinkButton ID="lkbtnExit" runat="server" OnClick="lkbtnExit_Click">退出</asp:LinkButton>
            </li>
        </ul>
    </div>
</div>