Перейти к содержанию
Авторизация  
JustGull

Мануал: Как Сделать Плавный Переход По Страницам.

Рекомендуемые сообщения

Наверно многие хотели бы себе сделать плавный переход по страницам.

Сам столкнулся с этим вопрос и наконец нашел и понял как сделать. Все оказалось очень просто.

 

 

Берем между <head></head> вставляем следующий код

 

 

 

<script type="text/javascript">

$(document).ready(function() {

$("body").css("display", "none"); /** body (здесь и далее) означает, что эффект применяется ко всей странице. Можно изменить на идентификаторы любых элементов (#content, .comments и т.д.) */

$("body").fadeIn(1500); /** время появления в миллисекундах */

$("a.fade").click(function(event){ /** a.fade означает, что данное решение будет работать только при нажатии на ссылки с классом (class) "fade" (можно изменить на свой) */

event.preventDefault();

linkLocation = this.href;

$("body").fadeOut(1500, redirectPage); /** время изчезания в миллисекундах */

});

function redirectPage() {

window.location = linkLocation;

}

});

</script>

 

 

 

И вуаля у вас плавающие страницы

  • Upvote 5

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×
×
  • Создать...