Webmaster Webdesigner Творца проектов

Вот это "прелоудер", которая будет загружать ваши страницы перед отображением содержимого. Это "прелоудер" отображает анимированный рисунок при загрузке на белом фоне.

Вот пример того, что он может дать вам совет, который я не использую этот скрипт, если вы использовали "CSS Сброс. И не тег "DIV" Общее положение "УС", используя "на" все

Вот Javascript-код на прелоудер.

 / / Вы можете изменить скорость (скорость) (1 == очень быстро)
 / / Вы можете изменить качество в переходный период (1 == лучшее)
 / / В переходе за качеством замедлил скорость и должно быть увеличено
 ; VAR оборотов = 10;
 ; VAR переход = 10;

 / / Размер прелоудер в анимированный GIF
 ; GIFpreloadLargeur VAR = 20;
 ; GIFpreloadHauteur VAR = 20;

 ; VAR таймера = 0;
 ; VAR непрозрачность = 100; 

 непрозрачность функция ()
 (
     непрозрачность = дымность - переходный период;

     ( "preloader" ) . style ; VAR = объект документа. getElementById ( "прелоудер"). стилуса;
     opaciT / 100 ) ; объект. непрозрачность = (непрозрачность / 100);
     opaciT / 100 ) ; объект. MozOpacity = (непрозрачность / 100);
     opaciT / 100 ) ; объект. KhtmlOpacity = (непрозрачность / 100);
     + opaciT + ")" ; объект. фильтра = "Alpha (Opacity =" непрозрачность + + ")"; 

	 opaciT <= 0 ) если (непрозрачность <= 0)
	 (
		 "preloader" ) . style . visibility = "hidden" ; документа. getElementById ( "прелоудер"). стиле. видимости = "скрытый";
		 ; clearInterval (по таймеру);
	 )

 )

 Функция предварительной нагрузки ()
 (
	 document. getElementById ) если (document. getElementById)
	 (
		 "preloadIMG" ) . style . visibility = "hidden" ; документа. getElementById ( "preloadIMG"). стиле. видимости = "скрытый";
		 ,speed ) ; Timer = setInterval ( "непрозрачность ()", скорость);
	 )

	 еще
	 (
	   	 document. layers ) если (слои document.)
		 (
			 = "hidden" ; документа. preloadIMG. видимости = "скрытый";
			 ,speed ) ; Timer = setInterval ( "непрозрачность ()", скорость);
	     )
	         еще
		 (
			 . style . visibility = "hidden" ; документа. всех. preloadIMG. стиле. видимости = "скрытый";
			 ,speed ) ; Timer = setInterval ( "непрозрачность ()", скорость);
		 )
	 )
 )

 / / Generate CSS предварительной нагрузки
 VAR myCSS;
 myCSS = " 
  ; <style type= \" text/css \"> ";

 myCSS + = "HTML, тело (высота: Auto; Margin: 0px; обивка: 0px;)";

 myCSS + = "# прелоудер (";
 myCSS + = "Должность: фиксированная;"
 myCSS + = "фоновой цвет: белый;"
 myCSS + = "Ширина: 100%;"
 myCSS + = "Высота: 100%;"
 myCSS + = "Показ блока;"
 myCSS + = 'Z-индекс: 100000; "
 myCSS + = ")";

 myCSS + = "# (preloadIMG";
 myCSS + = "Должность: абсолютная;"
 myCSS + = "Слева направо: 50%;"
 ; myCSS + = "Ширина:" + + GIFpreloadLargeur "PX;"
 ; myCSS + = "Высота:" + + GIFpreloadHauteur "PX;"
 GIFpreloadLargeur / 2 ) + "px;" ; myCSS + = "MARGIN-налево: -" + (GIFpreloadLargeur / 2) + "PX;"
 myCSS + = "TOP: 150px;"
 myCSS + = ")";

 myCSS + = "</ Style> 

  ";

 / / Создать CSS
 ( myCSS ) ; окна. документ. Write (myCSS);

 / / Execute
 ( ) { preload ( ) ; } окна. ONLOAD = функция () (предварительная нагрузка ();)

Теперь, пожалуйста, вставить этот код после тега BODY. Принять к сведению, что "образ предварительной нагрузки должен быть размещен на сервере, и источник должен быть изменен в зависимости от" edroit или изображения.

 <div id="preloader">
 <div id="preloadIMG"> <img src="loading.gif" alt="" /> </ div>
 </ Div>

Что ж, теперь у вас есть прелоудер для ваших шикарных тяжелых веб-страниц.

Метки: Картинки, JavaScript, Preloader, XHTML

Эта статья была опубликована Среда, Февраль 13, 2008 в 20:19 и подается под Tutorials. Вы можете следить за комментариями через RSS 2.0 питание. Вы можете оставить свой комментарий или Архив с вашего собственного сайта.