jQuery Animate Padding to Zero

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/jquery/181719.html

猜你在找的jQuery相关文章