TOC

Эффекты загрузки страницы с помощью jQuery

Эффекты загрузки страницы с помощью jQuery

JQuery - действительно мощная и удобная библиотека JavaScript. Эффект загрузки страницы или контента очень легко реализовать в jQuery. Вот пример того, как заставить контент вашей веб-страницы отображать эффект постепенной загрузки страницы. Это произведет на вашего читателя шоковое впечатление. :)

Идея проста ~

1. Создайте блок div с скрытым содержимым

Этот блок div используется для реализации эффекта исчезновения содержимого при загрузке страницы.

2. эффект затухания jQuery

Создайте эффект fadeIn jQuery, когда документ готов к отображению 

$(document).ready(function(){
    $('#page_effect').fadeIn(2000);
});

P.S fadeIn() is the jQuery library build in function.

3. Demo

Попробуйте демо

Полные коды jQuery для реализации эффекта постепенного изменения загрузки. 



JQuery Page Loading Effect
Related