jQuery的「飛入」動畫

Question

我在我的網站上有一個自動完成功能，當用戶從中選擇一個項目時，它會被添加到右側的令牌列表中。我想說明自動完成選擇已被添加到令牌列表。我怎樣才能使用jQuery清楚地爲這種情況發生動畫？

我在考慮讓文本「飛入」令牌區域，但是我願意向用戶顯示已添加令牌的任何內容。其他選項包括在出現令牌時閃爍，或彈出工具提示。對於什麼最有效，哪裏可以找到文檔，歡迎提供意見。

Answer 1

http://jqueryui.com/demos/effect/

退房下拉

Answer 2

我建議一個高亮效果，可以從jQuery UI的 「傳遞」 效應。加入列表後，您會在新項目上調用它。這是一個簡單的技巧使用，語法如下：

$('target').effect("highlight", {}, 3000); 

基本上，該項目洋溢着一個背景顏色選擇的時間。顏色可以淡入或淡出。這是一個很好的公認效果，表明已添加了一些東西。

您可以將jQuery UI的文檔中獲得更多的細節：http://docs.jquery.com/UI/Effects/Highlight

Answer 3

所需的飛動漫是不難實現的。 你只需要使用與設置的動畫：

1. 位置：絕對
2. 頂部：（目標頂部）
3. 左（左目標）回調

您將位置設置回「靜態」並將項目從一個節點轉移到另一個節點。

做了一個小例子：http://jsfiddle.net/doktormolle/adcvK/

Answer 4

有一種飛的jQuery插件在git的樞紐這對於非常方便。 https://github.com/s-a/jQuery-flyTo-Plugin