鼠标移出后，使元素自行滑动

Question

我有一个隐藏在屏幕外的文本选项div，用户必须单击或标签到并按文本“选项卡”上的输入才能显示文本选项div。

如果用户停止与其进行交互（我猜想在mouseOut上？）或者当poweruser已经远离它时，我如何让div滑回屏幕？

Test page

Answer 1

看看jQuery's animate function。还有一堆包装器，但听起来好像你所追求的动画比库存动画更专业。

要在事件发生时进行动画，请查看bind。还有一些便利功能，但如果你想一次绑定多个事件（例如mouseleave和blur），那么我会建议以下内容：

$(selectorForTheDivInQuestion).bind('mouseleave blur', function(){
    $(this).animate(properies, duration);
});

如果div相对，绝对或固定，properties可能是{left-margin:-100px;}或{left:-100px;}的某些内容。