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

OSCHINA-MIRROR/guoliwei139-html-loading-animation

В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

анимация-загрузки-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 )

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

Введение

анимационный эффект при загрузке страницы HTML Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
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