用插件添加旋轉到這個懸停效果？

Question

因此，當我將鼠標懸停在「#header」上時，將「.now」向上移動20px，然後在我懸停時再將其取下。

$(document).ready(function() { 
    $('#header') 
        .hover(function() { 
            $(".now").stop().animate({ top: -20 }, 'fast'); 
        }, function() { 
            $(".now").stop().animate({ top: 0 }, 'fast'); 
        }); 
}); 

如何通過45deg旋轉「.now」以及移動它？

Answer 1

旋轉的元素是建立在的各類現代瀏覽器之間不同的處理CSS3的造型......

因此，雖然有很多方法可以做到這一點無需插件，使用良好的jQuery插件像jQuery Transit有助於簡化代碼你需要達到你想要的效果（很像jQuery本身）。