Javascript 在悬停状态下滑出？

$（文档）.ready（函数（）{
$（“#幻灯片”）.delay（5000）。动画（{right:0}，500）；
});
幻灯片{
位置：绝对位置；
右：-155px；溢出：隐藏；
}

试试：

---

或者最好切换一些类。

游戏进行得有点晚了，我看到你已经有了一个“有效”的答案，但是，我认为这样效果更好一些：

$('#slide').hover(function () {
    $(this).stop( true, true ).animate({right: 0}, 500);
    timeout = window.setTimeout(function(){
        $('#slide').trigger('mouseleave');        
    }, 5000);
},function(){
    window.clearTimeout(timeout);
    $(this).animate({right: -500}, 500);  
});

---

在这里，它正在发挥作用-

将起作用。。。虽然我刚刚取消了延迟5000，但在滚动时，它在5秒内不会保持打开状态。如果您提供一个JSFIDLE，我跳过了您问题的一部分，我的问题是，既然滚动条在屏幕上和屏幕下移动，那么是否有必要清除滚动条？但是如果您无法滚动到元素，你怎么能把光标放在这个元素上呢？图像的一半突出，当你滚动时，剩下的部分就会显示出来

$('#slide').hover(function () {
    $(this).stop( true, true ).animate({right: 0}, 500);
    timeout = window.setTimeout(function(){
        $('#slide').trigger('mouseleave');        
    }, 5000);
},function(){
    window.clearTimeout(timeout);
    $(this).animate({right: -500}, 500);  
});