悬停功能上的jQuery缩放/缩放

Question

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

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

Jquery Hover State

所以如果有人有一个解决方案可以让我顺利过渡出一个可以在 IE 中工作的 jQuery 函数，我会非常高兴

这是我用预期的 CSS3 过渡创建的小提琴。 -

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);
}
);