我想知道是否有人可以指出我正确的方向。
我用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);
}
);