Плавный переход между страницами сайта
Небольшой хак, о том как сделать плавный переход между страницами сайта.
Пример установки в шаблон DLE. Данный скрипт предаст вашему сайту немного уникальности.
Установка займет не более 1 минуты.
Если вы заметили я уже установил на FOR-DLE.ru данный эффект и решил поделиться этой не большой фишкой и с вами;)
Для тех у кого не работает этот эффект необходимо просто обновить страницу, нажав на сочетание клавиш CTRL+F5
Установка
1. Перед тегом </body> Вставляем:
<script type="text/jаvascript">
$(document).ready(function(){
var body = $("body");
body.fadeIn(400);
$(document).on("click", "a:not([href^='#']):not([href^='tel']):not([href^='mailto'])", function(e) {
e.preventDefault();
$("body").fadeOut(400);
var self = this;
setTimeout(function () {
window.location.href = $(self).attr("href");
}, 400);
});
});
</script>
2. к тегу <body> приписываем стиль display:none. Должно получиться следующее:
<body style="display:none;">
Обновляем страницу сайте CTRL+F5 и всё.
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
bootstrap Bootstrap css CSS CSS3 dle DLE fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Wordpress Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Как задать ширину 100 пикселей в CSS