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

jQuery缩放/缩放悬停功能

1 个答案: