jQuery 悬停功能缩放/缩放

Question

我想知道是否有人可以指出我正确的方向。

我使用 CSS3 过渡创建了缩放效果。将鼠标悬停在该对象上，它会转换为更大的版本。这看起来很棒并且效果很棒，但问题是这种效果在 IE 中不起作用，所以我需要在 jQuery 中创建一个平滑的版本。我找到了一个完全可以做到这一点的教程，但我不喜欢实现它时给出的锯齿效果。这是教程的链接

Jquery Hover State

因此，如果有人能够为我提供一个解决方案，使我能够顺利过渡到可在 IE 中工作的 jQuery 函数，我将非常感激

这是我用预期的 CSS3 过渡创建的 fiddle 。 -

CSS3 Fiddle

我想用 Jquery 实现同样平滑的悬停状态

Answer 1

我有两个建议给你。

首先使用动画函数:

$("a").hover(function()
{
  $(this).animate({"padding": "40px"}, "fast");
},
function()
{
   $(this).animate({"padding": "30px"}, "fast");
}
);

第二次使用元素缩放:

$("a").hover(function()
{
  $(this).width($(this).width()+5);
  $(this).height($(this).height()+5);
},
function() 
{
    $(this).width($(this).width()-5);
    $(this).height($(this).height()-5);
}
);