Chinaunix

标题: SlideDown下来菜单的问题，菜鸟问题 [打印本页]

作者: 慵懒的公交车 时间: 2011-04-11 13:52
标题: SlideDown下来菜单的问题，菜鸟问题
我正在用一个下来菜单
<div id="menu">
         <ul>
                  <li><a href="#">Item</a></li>
                     <li><a href="#">Item</a>
                        <span class="acc">
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                        </span>
                     </li>
                     <li><a href="#">Item</a></li>
                     <li><a href="#">Itemus</a></li>
            </ul>
         </div>

我是成功把菜单隐藏，然后hover的时候slideDown，但是请问如何在滑鼠移走的时候，会收缩上去

各位大大请协助，小弟是完全不懂js的，不知道怎么写这个代码

作者: teddylw1611616 时间: 2011-04-11 13:52
<html>
<body>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){

$('#menu > ul > li').hover(function(){
  $(this).children('span.acc').slideDown();
}, function(){
  $(this).children('span.acc').slideUp();
});

});

</script>
<div id="menu">
         <ul>
                  <li><a href="#">Item</a></li>
                     <li><a href="#">Item</a>
                        <span class="acc">
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                              <a href="">Subitem</a>
                        </span>
                     </li>
                     <li><a href="#">Item</a></li>
                     <li><a href="#">Itemus</a></li>
            </ul>
</div>
</body>
</html>

欢迎光临 Chinaunix (http://bbs.chinaunix.net/)