jQuery是一種流行的JavaScript庫，可以幫助Web開發者更輕松地開發JavaScript。jQuery的Logo是一個著名的蟲子圖標，它在Web頁面中經常被用作動畫元素。

$(document).ready(function() {
$('.jquery-logo').hover(function() {
$(this).animate({
'padding-top': '+=50px'
}, 300);
}, function() {
$(this).animate({
'padding-top': '-=50px'
}, 300);
});
});

上面的代碼是一個簡單的jQuery動畫，當鼠標懸停在jQuery Logo上時，它會向上移動50像素，并在300毫秒內過渡到目標位置。當鼠標從Logo上離開時，它會回到原來的位置。

該動畫使用了jQuery的animate函數。animate函數可以讓開發者在DOM元素上執行動畫效果。該函數使用一個對象來描述要執行的動畫效果。在這個例子中，我們使用了CSS屬性padding-top來控制Logo的位置。

在jQuery的動畫函數中，可以使用一個可選的回調函數。回調函數可以在動畫完成時觸發。例如，在上面的代碼中，我們可以使用以下代碼，讓Logo旋轉180度，并在完成時觸發回調函數：

$(document).ready(function() {
$('.jquery-logo').hover(function() {
$(this).animate({
'transform': 'rotate(180deg)'
}, 300, function() {
alert('動畫完成！');
});
}, function() {
$(this).animate({
'transform': 'none'
}, 300);
});
});

通過使用jQuery的動畫函數和回調函數，開發者可以輕松地創建各種復雜的動畫效果。