Анімований фон засобамиjQuery або «Гей, але ж круто! Як Flash! »
Суть методу описаного тут полягає у зміні позиції фону елементів. Тим не менш, при всій своїй універсальності, jQuery важко може впоратися з переміщенням фону в силу того, що це вимагає зміни двох значень (вертикальній і горизонтальній позиції фонового зображення) одночасно. Джонатан знайшов вихід із ситуації за допомогою плагіна Background-Position Animations (його версія має бути не нижче 1.0.2 — більш ранні не підтримують негативні та десяткові значення).
Після встановлення початкової позиції фону: починається анімація за подіями mouseover і mouseout .
Джонатан зазначає, що хоч у jQuery і є метод hover (який включає обидві події) більш зручним, для жорсткого контролю над виконанням, є окреме відпрацювання подій наведення і видалення покажчика миші. Таким чином, скрипт запобігає повторному відтворенню анімації при багаторазовому наведенні курсору.
Спрайт (той, що bg.jpg)
У цьому випадку анімація відбуватиметься за рахунок зміни позиції фону зліва направо. Вибір картинки лежить суто у сфері фантазії того чи іншого розробника. Кожен новий варіант спрайту призводить до нового цікавого ефекту.
Ще приклад:
Посилання по темі (англомовні ресурси)
А у нас тут можна отримати грант на тестовий період Яндекс.Хмари. Варто лише у полі «секретний пароль» запровадити «Хабр»