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

Идея проста ~

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

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

2. JQuery исчезает эффект

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

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

PS fadeIn () — встроенная функция библиотеки jQuery.

3. Демо

Попробуй Демо

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

JQuery Page Loading Effect

This is page loading effect with JQuery 1

This is page loading effect with JQuery 2

This is page loading effect with JQuery 3

This is page loading effect with JQuery 4

This is page loading effect with JQuery 5

This is page loading effect with JQuery 6

This is page loading effect with JQuery 7

This is page loading effect with JQuery 8

This is page loading effect with JQuery 9

This is page loading effect with JQuery 10

This is page loading effect with JQuery 11

This is page loading effect with JQuery 12

This is page loading effect with JQuery 13

This is page loading effect with JQuery 14

JQuery JQuery эффекты