1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/guoliwei139-html-loading-animation

В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
README.md 1 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 04.06.2025 13:16 4012746

анимация-загрузки-HTML

Описание

Просто скопируйте div-элемент с id="loading" и существующие стили из исходной страницы в новую страницу.

function load() {
    var a = setTimeout("loading.style.transition='opacity 0.3s'", 0);
    // Установка времени перехода для изменения прозрачности в 0,3 секунды
    var b = setTimeout("loading.style.opacity=0", 0);
    // Через 0,5 секунды анимация загрузки начинает становиться прозрачной
    var c = setTimeout("loading.style.display='none'", 500);
    // Когда прозрачность становится равной 0, скрываем элемент
}

Добавьте onload="load()" в тег body новой страницы, чтобы реализовать анимацию загрузки перед отображением страницы.

Опубликовать ( 0 )

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

1
https://api.gitlife.ru/oschina-mirror/guoliwei139-html-loading-animation.git
git@api.gitlife.ru:oschina-mirror/guoliwei139-html-loading-animation.git
oschina-mirror
guoliwei139-html-loading-animation
guoliwei139-html-loading-animation
master