论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2011-04-11 13:52 |只看该作者 |倒序浏览

我正在用一个下来菜单
<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

稍有积蓄

论坛徽章:: 0

2楼 [报告]

发表于 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>

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

返回列表

Chinaunix › 论坛 › 程序设计 › Web开发 › SlideDown下来菜单的问题，菜鸟问题

SlideDown下来菜单的问题，菜鸟问题 [复制链接]