在悬停时上下设置 div？ [关闭]答案

【问题标题】：Make a Div Up and Down on Hover? [closed]在悬停时上下设置 div？ [关闭]
【发布时间】：2012-09-13 14:25:30
【问题描述】：

如何让 div 在悬停时像跳跃一样上下移动？这是可能的还是只能在鼠标悬停在 div 上时向上移动？

【问题讨论】：

CSS3 Animations ~might~ help...很难说没有更多细节在你的问题。
您可以通过任何触发事件对您的 div 做您想做的事情。只需编写例如animate(object div) 函数，根据需要移动您的 div，然后在您的 div 中调用它onMouseOver=animate(this)。
我认为您可以使用 JQuery 或 JavaScript 来完成。使用 JQuery mouseover() 并在回调函数中向特定 div 添加一个类，在 CSS 中向您添加的类添加边距...
stackoverflow.com/questions/8003137/…

【解决方案1】：

您可以为此使用 jQueryUI 的反弹效果：http://jqueryui.com/demos/effect/

您可以使用悬停事件来触发效果。

即类似：

$( "#myDIV" ).mouseenter(function() {
    $(this).effect('bounce', {}, 'fast');
});

【讨论】：