jQuery比例/放大懸停功能

Question

我想知道是否有人能指引我進入正確的方向。

我用CSS3轉換創建了縮放效果。將鼠標懸停在對象上並轉換爲較大的版本。這看起來很棒，效果很棒，但問題在於這種效果在IE中不起作用，所以我需要在jQuery中創建一個流暢的版本。我找到了一個完全可以做到這一點的教程，但我不喜歡它在實現時產生的鋸齒效應。這裏是鏈接到教程

Jquery Hover State

因此，如果任何人有我一個解決方案來獲得平穩過渡了jQuery的功能，這將在IE工作，我會很grreatful

這裏我打算用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); 
} 
);