В этой статье описывается эффект подсказки загрузки до того, как загружается страница, загруженная JS. Поделитесь этим для вашей ссылки, следующим образом:
1. Код JS:
// Получить видимую высоту и ширину страницы браузера var _pageHeight = document.documentelement.clientHeight, _PageWidth = Document.DocumentElement.ClientWidth; // Рассчитайте расстояние между загрузочной коробкой от верхней и левой (ширина загрузки 215px, высота - 61px). ? (_PageHeight - 61) / 2: 0, _LoadInleft = _PageWidth> 215? (_PageWidth - 215)/2: 0; // загрузка пользовательского содержимого, отображаемого перед страницей, не загружена var _loadinghtml = '<div id = "loadingdiv" style = "Положение: абсолют; слева: 0; ширина: 100%;' + _pageheight + 'PX; Top: 0;#f3f8ff; № 0,8; фильтр: альфа (непрозрачность = 80); z-Index: 10000; "> <div Style =" Планировка: 50px; Эффект загрузки рендерируется документ. Состояние загрузки является полной функцией overseLoading () {if (document.ReadState == "overse") {var loadingMask = document.getElementById ('wordingDiv'); загрузка massk.parentnode.removechild (погрузочный маск); }}2. Эффект:
иллюстрировать:
Просто поместите этот раздел JS Code в <Head> в конце;
Стиль эффекта загрузки может быть изменен в соответствии с вашим собственным стилем. Вам нужно найти изображение загрузки.
Нажмите здесь, чтобы загрузить полный код демо -экземпляра.
For more information about jQuery, readers who are interested in this site can view the topics: "Summary of common classic special effects of jQuery", "Summary of commonly used plug-ins and usages of jQuery", "Summary of jQuery table (table) operation skills", "Summary of jQuery form operation skills", "Summary of jQuery operation json data skills", "Summary of jQuery extension skills", "Summary of jQuery drag and drop Специальные эффекты и методы »,« Сводка использования AJAX в jQuery »,« Краткое изложение анимации jQuery и использования спецэффектов »и« Сводка использования селектора jQuery »
Я надеюсь, что эта статья будет полезна для каждого программирования JQUERY.