Для веб-мастеров Webdesigner Builder проектов

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

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

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

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

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

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

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

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

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

 )

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

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

 / / Генерация CSS ДЛЯ преднагрузки
 VAR myCSS;
 myCSS = " 
  ; <style type= \" text/css \"> ";

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

 myCSS + = "# прелоудер (";
 myCSS + = "позиция: фиксированный;"
 myCSS + = "фон цвет: белый;"
 myCSS + = "ширина: 100%;"
 myCSS + = "высота: 100%;"
 myCSS + = "дисплей: блок;"
 myCSS + = 'г-индекс: 100000; "
 myCSS + = ")";

 myCSS + = "# (preloadIMG";
 myCSS + = "позицию: абсолютная;"
 myCSS + = "Осталось: 50%;"
 ; myCSS + = "ширина:" + GIFpreloadLargeur + "пикселей;"
 ; myCSS + = "Высота:" + GIFpreloadHauteur + "пикселей;"
 GIFpreloadLargeur / 2 ) + "px;" ; myCSS + = "маржа налево: -" + (GIFpreloadLargeur / 2) + "пикселей;"
 myCSS + = "сверху: 150px;"
 myCSS + = ")";

 myCSS + = "</ стиль> 

  "

 / / Написания CSS
 ( myCSS ) ; окна. документе. написать (myCSS);

 / / Реализация
 ( ) { preload ( ) ; } окна. OnLoad = функция () (преднагрузки ();)

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

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

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

Теги: Изображения , Javascript , прелоудер , XHTML

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