Animsition — 58 различных анимаций при загрузке страниц сайта на jQuery

FavoriteLoadingДобавить в закладки


Скачать [ZIP] [4 КБ]

Просто шикарный скрипт, который позволяет добавлять анимации переходов для страниц вашего сайта. Вы просто переходите по внутренним ссылкам вашего сайта, а скрипт добавляет выбранные вами эффекты для событий до и после перехода

Для начала посмотрите ДЕМО

Моё тестирование в редакторе: КЛИК

Установка:

1#: На нужных страницах между <head> и </head> вставьте:

 

2#: Замените на всех нужных страницах <body> на:

И </body> на:

 

3#: На этих же страницах в самый низ перед </body> поместите:

P.S. Если вы хотите использовать для нужных разных страниц разные анимации, просто добавьте для DIV блока, которым мы оборачивали весь контент, пару параметров. Для этого тупо замените

На:

Где у нас:

data-animsition-in-class="fade-in" - тип анимации при загрузке страницы
data-animsition-in-duration="1000" - скорость анимации при загрузке страницы
data-animsition-out-class="fade-out" - тип анимации при уходе со страницы
data-animsition-out-duration="800" - скорость анимации при уходе со страницы

 

Осталось лишь залить из прикреплённого архива JS файл в папку js и CSS файл в папку css

Возникли вопросы? Оставьте их в комментариях

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.