Плавный переход между ссылками на сайте.

Плавный переход между ссылками на сайте.

Klondike

Подрубаем библиотеку jQuery.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.mi.."></script>

После того как подключили, вставляем уже готовый скрипт.

<script type="text/javascript"> 

$(document).ready(function(){ 

var body = $("body"); 

body.fadeIn(400); 

$(document).on("click", "a:not([href^='#']):not([href^='исключение']):not([href^='исключение'])", function(e) { 

e.preventDefault(); 

$("body").fadeOut(400); 

var self = this; 

setTimeout(function () { 

window.location.href = $(self).attr("href"); 

}, 400); 

}); 

}); 

</script>

Для body делаем стиль, либо выносим в css.

body style="display:none"

DONE.

Более подробно о скрипте в видео.


Теперь каждая страничка открывается плавно.
p.s. в исключениях типы ссылок.


Report Page