導航欄的動畫圖像

Question

我試圖建立一個導航欄，顯示懸停/點擊作爲背景的動畫gif文本。

例如 - 我想要一個只有3個鏈接的導航欄 - 主頁，目錄和聯繫人。當用戶滾動瀏覽其中一個菜單時，會出現一個動畫gif（？）或css/jquery動畫，其中一個圓圈在文本後面生長，然後在鼠標滾動到不同菜單時再次縮小（並且在該菜單上出現相同的效果） 。

有沒有人看過類似的東西 - 和是否有可能使用動畫GIF作爲翻轉圖像 - 唯一的問題是，我不能然後再次收縮時，從鏈接懸停圈子... ...

希望這是有道理的，有人可以幫助！

感謝 JD

Answer 1

您可以使用jQuery使用.hover()和.animate()創建特殊效果。你可以在這裏找到一個工作示例：http://colorpowered.com/blend/

對於問題的第二部分。是的，你可以使用GIF動畫作爲翻轉圖像。

Answer 2

你可以嘗試一些jQuery插件如jQuery背景的位置和移動的背景影像中創造動畫效果，你可以試試這個demo