Анімовані кнопки або

Іноді на деяких сайтах, в тому числі і на нашому можна побачити цікаві анімовані малюнки або кнопки, які химерно змінюються при наведенні на них курсору мишки. Все це дуже схоже на анімацію, хоча до анімації в більшості випадків не має ніякого відношення. Ви самі можете зробити на своєму сайті такі речі, до того ж це не складе великих труднощів. Все що Вам потрібно, це вдало підготувати два малюнки одного і того ж об'єкта.

Давайте візьмемо для прикладу ось таку кнопку з фарою.

У першому випадку кнопка має більш об'ємну форму і темне скло фари, що імітує її вимкненому стані - це перший малюнок нашої анімації.

Анімовані кнопки або

Потім клікнувши по малюнку відкриваємо вкладку "додатково" у вікні "Параметри зображення". Встановлюємо галочку в рядок Альтернативне зображення. У графу "При наведенні" ставимо шлях до другого малюнку. У графу "В спокої" ставимо шлях до першого малюнку. У перших двох вкладках прописуємо опис і всі інші параметри, так само як ми робимо по відношенню до будь-якого малюнку на сайті. Усе. Зберігаємо матеріал і оновивши сторінку дивимося на наш малюнок. Пробуємо навести на нього курсор і.

фара включається яскравим світлом. Ось, власне і весь секрет. На цьому я закінчую свій короткий звіт про те як зробити на сайті просту анімацію заміщенням малюнків. До зустрічі. Олег.