анимированные картинки для панели навигации

Question

Я пытаюсь создать панель навигации, которая отображает анимированный GIF-файл при наведении курсора мыши на фоне текста.

Например, я хочу иметь панель навигации, содержащую всего 3 ссылки - Домой, Каталоги и Контакты. Когда пользователь прокручивает одно из меню, возникает анимационная анимация gif (?) Или css / jquery, когда за текстом растет круг, а затем снова сжимается, когда мышь переходит к другому меню (и тот же эффект возникает в этом) .

Кто-нибудь видел что-нибудь подобное - и возможно ли использовать анимированный GIF-файл в качестве изображения при наведении курсора - единственная проблема с этим - я не смог бы затем снова сжимать круг при наведении курсора на ссылку .... ..

Надеюсь, что это имеет смысл, и кто-то может помочь !!!

Спасибо JD

Answer 1

вы можете попробовать какой-нибудь плагин jquery, например, положение фона jquery, и создать эффект анимации, перемещая фоновое изображение, вы можете попробовать это demo

Answer 2

Вы можете использовать jQuery для создания специального эффекта, используя .hover () и .animate () .Вы можете найти рабочий пример здесь: http://colorpowered.com/blend/

И для второй части вашего вопроса.Да, вы можете использовать анимированные GIF-изображения в качестве ролловера.