Небольшой хак, о том как сделать плавный переход между страницами сайта.
Пример установки в шаблон DLE. Данный скрипт предаст вашему сайту немного уникальности.
Установка займет не более 1 минуты.
Для тех у кого не работает этот эффект необходимо просто обновить страницу, нажав на сочетание клавиш CTRL+F5
Установка
1. Перед тегом </body> Вставляем:
<script type="text/javascript">
$(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 и всё. 😊
Небольшой хак, о том как сделать плавный переход между страницами сайта.
Пример установки в шаблон DLE. Данный скрипт предаст вашему сайту немного уникальности.
Установка займет не более 1 минуты.
Для тех у кого не работает этот эффект необходимо просто обновить страницу, нажав на сочетание клавиш CTRL+F5
Установка
1. Перед тегом </body> Вставляем:
<script type="text/javascript">
$(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 и всё. 😊