анимированные изображения для панели навигации

#jquery #css #jquery-animate #animated-gif

#jquery #css #jquery-анимировать #анимированный-gif

Вопрос:

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

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

Кто-нибудь видел что-нибудь подобное — и можно ли использовать анимированный gif-файл в качестве опрокидывающего изображения — единственная проблема в том, что я не смог бы снова уменьшить круг при наведении курсора мыши на ссылку……

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

Спасибо JD

Ответ №1:

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

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

Ответ №2:

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