jquery.fly是一款非常酷的插件，能夠實現將一個元素飛向另一個元素的動畫效果。下面我們來看一個jquery.fly的例子：

$(document).ready(function(){
$('.add-to-cart').click(function(){
var productImg = $(this).closest('.product-item').find('img');
var imgClone = productImg.clone().offset({
top: productImg.offset().top,
left: productImg.offset().left
}).css({
'opacity': '0.5',
'position': 'absolute',
'height': '150px',
'width': '150px',
'z-index': '100'
}).appendTo($('body')).animate({
'top': $('#cart').offset().top + 10,
'left': $('#cart').offset().left + 10,
'width': 75,
'height': 75
}, 1000, 'easeInOutExpo');
setTimeout(function () {
$('#cart-badge').addClass('shake');
}, 800);
setTimeout(function () {
$('#cart-badge').removeClass('shake');
}, 1000);
imgClone.animate({
'width': 0,
'height': 0
}, function () {
$(this).detach()
});
});
});

在這個例子中，我們給一個“加入購物車”的按鈕添加了一個點擊事件，當用戶點擊按鈕時，我們將會把按鈕旁邊的圖片飛向購物車，并且購物車上的角標會震動。這個動畫效果使用了jquery.fly插件，它首先復制了圖片元素，并且將其在頁面上的位置、大小等屬性進行了重置，接著使用animate()方法將元素飛向購物車，并且把角標添加震動效果，最后銷毀重復的圖片元素，動畫完成。

總的來說，jquery.fly插件是一個非常實用的工具，能夠讓我們更簡單、快捷地創建各種有趣的動畫效果。如果你也想體驗一下這款插件的魅力，可以嘗試在你的網站中使用它！