Question

我对jquery并不熟悉，所以我不太清楚如何做到这一点。基本上，我想要一个html块隐藏在页面顶部，边缘伸出〜3px（鼠标悬停），当你鼠标悬停在它上面时，隐藏部分向下滑动。

基本上我希望它像RDP全屏菜单栏一样工作。关于这样做的最佳方式的任何想法都是？

Answer 1

jquery的：

$("#slide").bind("mouseover", function() {
     $(this).animate({
          top: '+=189'                      
     });
}).bind("mouseout", function() {
     $(this).animate({
          top: '-=189'                      
     });
});

式：

   <style type="text/css">
   #slide {
     background:#ccc;
     border:1px solid #000;
     width:200px;
     height:200px;
     padding:10px;
     position:absolute;
     top:-190px;
     }
  </style>

HTML：

<div id="slide">
test<br>
test<br>
test<br>
test
</div>

Answer 2

你应该可以在Jquery UI的帮助下完成它

http://jqueryui.com/demos/hide/ 在下拉菜单中选择幻灯片。

Answer 3

感谢您的回复。稍微调整一下上面的代码我在.hover（）方法上面找到了。上面的javascript看起来像

$("#slide").hover(function () {
            $(this).animate({
                top: '+=30'
            });
        }, function () {
            $(this).animate({
                top: '-=30'
            });
        });

像RDP菜单栏一样创建jquery下拉列表

3 个答案: