上一篇: 使用Firebug将JQuery加载到任何页... 下一篇:jquery-ui – 如何用React JS使用...

jQuery Animate Padding to Zero

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jQuery Animate Padding to Zero，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有以下代码段，当鼠标悬停时切换填充(参见示例 here)：

<div id="outer"><div id="inner"></div></div> 
<script> 
  $("#inner").mouseenter(function () {
    $("#outer").animate({ 'padding' : '20px' },"slow");
  });
  $("#inner").mouSELEave(function () {
    $("#outer").animate({ 'padding' : '0px' },"slow");
  });
</script>

目标是使padding的动画效果不错，但目前还没有出现动画动画。我做了一些测试，如果我将休假填充更改为10像素(从0像素)，它会运行一个动画，但从零开始并向外动画。我正在运行jQuery 1.4.3。任何方法来解决这个问题？

解决方法

绝对是1.4.3中的动画错误，现在您可以通过动画化这些个人属性来解决：

$("#inner").mouSELEave(function () {
  $("#outer").animate({ 
    'padding-top' : 0,'padding-right' : 0,'padding-bottom' : 0,'padding-left' : 0,},"slow");
});

You can test it out here。