Javascript 底部div悬停时向上/向下滑动至精确边距

我希望底部div在屏幕底部悬停时向上向下滑动。但是，我希望文本链接也随之移动。但是，让类似的幻灯片向下滑动，然后像底部一样停止：20px，这样它仍然可以看到向上滑动。下面是一个例子：。到目前为止，我得到的是：（链接没有设置为随着俯冲而移动，因为它在悬停时一直消失在屏幕下方）

Jquery：

<script type='text/javascript'>

$(document).ready(function(){
     $("#mp3-text a").hover(function() {
      $("#mp3-player").stop().slideToggle(1000, function () {
        $(noop);
        $("#mp3-player").slideToggle(1000);
      });
     });
});
</script>

---

最好的方法是有两个独立的函数——一个叫做onmouseover向上滑动，另一个叫做onmouseout向下滑动。像这样：

function slideup() {
$("#mp3-player").slideToggle(1000);
}

function slidedown() {
$("#mp3-player").slideToggle(1000);
}

以及您的HTML：

<div id="mp3-text">
 <a href="#" onmouseover="slideup()" onmouseout="slidedown()">hover to slide!</a>
</div>
<div id="mp3-player-holder">
 <div id="mp3-player">&nbsp;</div>
</div>

---

或者，为了让它像你链接的一样，把onmouseout放在

mp3播放器上。然后当你把鼠标从整个
mp3播放器上移开时，它会滑下来。
这很烦人，对用户不友好。太棒了！谢谢但是，我如何为它们设置特定的页边距，以便文本链接可以位于页面底部（而不是在幻灯片切换上消失）？@Graham:您可能希望将其设置为
位置：绝对
，并给它一个
底部：0
。除此之外，您还可以根据需要设置水平对齐方式，如
right:0
或
left:0
。此外，您还希望给它一个比mp3播放器高的
z-index
，以便它保持在mp3播放器的上方。我要降低mp3播放器上的
z-index
，这样做。
<div id="mp3-text">
 <a href="#" onmouseover="slideup()" onmouseout="slidedown()">hover to slide!</a>
</div>
<div id="mp3-player-holder">
 <div id="mp3-player">&nbsp;</div>
</div>