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

我用CSS3过渡创建了缩放效果。将鼠标悬停在对象上,然后过渡到更大的版本。这看起来很棒,并且效果很棒,但是问题是这种效果在IE中不起作用,因此我需要在jQuery中创建一个平滑的版本。我找到了一个完全可以做到这一点的教程,但是我不喜欢实现它时产生的锯齿状效果。这是教程的链接

Jquery Hover State

因此,如果有人对我有解决方案,以使它能够在IE中正常运行的jQuery函数平稳过渡,我将非常高兴

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

CSS3 Fiddle

我想用Jquery达到相同的平滑悬停状态

最佳答案

我有两个建议给你。

首先使用动画功能:

$("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);
}
);

10-05 21:07
查看更多