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

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

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


При помощи данного хака можно сделать плавный переход между страницами сайта. Пример установки в шаблон DLE. Данный скрипт предаст вашему сайту немного уникальности. Установка займет не более 1 минуты.

Если вы заметили я уже установил на FOR-DLE.ru данный эффект и решил поделиться этой не большой фишкой и с вами;) Для тех у кого не работает этот эффект необходимо просто обновить страницу, нажав на сочетание клавиш CTRL+F5

Установка
1. Перед тегом Вставляем:
<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. к тегу приписываем стиль display:none. Должно получиться следующее:
<body style="display:none;">


Все обновляем страницу сайте CTRL+F5.
  • 0



25-03-2017, 23:02 743 0

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.