javascript - jQuery 动画边距顶部

标签 javascript jquery css jquery-animate margin

我在 jsfiddle 上有一个脚本:http://jsfiddle.net/kX7b6/

悬停时没有任何反应

悬停时,我希望绿色框与红色框重叠,负边距 -50 像素。没有任何反应。

动画有效,但边距无效

为了表明动画本身在工作,我向动画添加了一个不透明度函数。据我所知,margin-top 设置为 0px inline。

最佳答案

你有 MarginTop 而不是 marginTop

http://jsfiddle.net/kX7b6/1/

如果你离开中间的动画,它也会有很多错误,这里是更新:

http://jsfiddle.net/kX7b6/3/

请注意,我将其更改为 mouseentermouseleave,因为我不认为当您将鼠标悬停在红色或绿色区域上时取消动画。

关于javascript - jQuery 动画边距顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7806637/

相关文章:

php - 使用 AJAX 编辑数据库条目并返回编辑后的数据

javascript - 如何将 JSON 数据显示为 HTML?

php - WP-login重定向到完全错误的区域

html - 四态复选框

javascript - 单击时 JQuery 移动按钮样式更改

javascript - THREE.js 动态添加点到 Points 几何不渲染

javascript - 如何动态更改页面的javascript?

javascript - 如何让第二个 div 始终与第一个 div 具有相同的高度?

javascript - Fiori 中的 session 超时 : Does SAP UI5 or the Gateway layer provide an event which gets called when the user's session times out

javascript - AJAX 和 JavaScript 不工作