打印

[求助] 问一个简单的菜单效果!

#top-tab ul li a{display:block;text-align:center;height:30px; }
#top-tab ul li a:link{color:#666;background:url(tab-gray.gif) #CCC no-repeat;text-decoration:none;}
#top-tab ul li a:visited{color:#000;text-decoration: none; background:url(tab-green.gif) #9CD000 no-repeat;}
#top-tab ul li a:hover{color:#000; font-weight:bold;text-decoration:none;background:url(tab-green.gif) #9CD000 no-repeat;}

<div class="tab-c">
       <ul>
          <li><a href="#">111111</a></li>
          <li><a href="#">22222222</a></li>
                   <li><a href="#">3333333</a></li>
                   <li><a href="#">4444444</a></li>
          <li><a href="#">5555555555</a></li>
          <li><a href="#">666666666</a></li>
       </ul>
</div>
如何控制点击后停在OnMouseDown的效果之后。如果再点击另一个按钮。这个刚点击过的OnMouseDown的效果自动恢复到未点击之后。那点击的这个按钮停在OnMouseDown的效果。
不知道我有未说明白。。就像百度的菜单~~~还是用图说话吧。
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
应该要用js来实现
  我就是要问上面的效果如何用JS控制