Русский
<style type="text/css"><!-- .LoadBarDiv { BORDER-RIGHT: #777 1px с точками; BORDER-TOP: #777 1px с точками; DISPLAY: блок; FONT-WEIGHT: обычный; FONT-SIZE: 12px; ; ФИЛЬТР: Альфа(Непрозрачность=80, FinishOpacity=10, Стиль=1, StartX=1, StartY=1, FinishX=1, FinishY=100 ; СЛЕВА: выражение ((this.parentElement.offsetWidth-this.offsetWidth); /2); VERTICAL-ALIGN: middle; BORDER-LEFT: #777 1px с точками; WORD-BREAK: разрыв всего; BORDER-BOTOM: #777 1px с точкой; "??", " Arial", "Helvetica", "sans-serif"; ПОЛОЖЕНИЕ: абсолютное; ВЫСОТА: 78 пикселей; ЦВЕТ ФОНА: #f1f1f1 } --></style> <script Language="JavaScript"> //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤Добро пожаловать на загрузку исследования^Спасиб¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ // Поздравляем с обнаружением адрес Я, должно быть, очень в восторге от этого эффекта ^^ Я делаю это уже давно~ Хм! Мое видение неверно~~ // Просто укажите эту функцию непосредственно на веб-странице. Не забудьте заранее загрузить ее стиль CSS. Я не понимаю. Вы можете спросить меня~~ // == Page LoadBar == //:: Version.0.4 //:: Powered by Snow :: @ 2006.4.4 //:: QQ:49054026 :: / /:: Почта: Snow@xunuo.com :: //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤ //+(функция совместимости длины и ширины)+---------------- ---------- ----------------|| function ScrollTop() //Положение полосы прокрутки браузера { var ScrollTop; if (document.documentElement && document. documentElement.scrollTop) {scrollTop = document. documentElement.scrollTop; } else if (document.body) { ScrollTop = document.body.scrollTop; } else if (window.pageYOffset) { ScrollTop = window.pageYOffset; //Определение и получение параметров окна браузера. Функция, совместимая с IE6 и MF от nokersang * function ScrollX(){ if(document.documentElement.clientWidth<document.body.clientWidth&&document.documentElement.clientWidth){ theX = 'document.documentElement.clientWidth '; }else{ theX = 'document.body .clientWidth'; } if(document.documentElement.clientHeight<=document.body.clientHeight&&document.documentElement.clientHeight){ theY = 'document.documentElement.clientHeight'; = 'document.body.clientHeight'; } } //scrollX() //------------------------------; -------------- -------------|| //+(функция конфигурации)+------------- ------------- ----------------|| функция LoadBar_setvalue() { LoadBar_Div = document.getElementById('LoadBar'); .getElementById("LoadBar_Message"); LoadBar_Div .style.top = LoadBar_Div.offsetTop + LoadBar_Top; LoadBar_Div.filters.alpha.opacity = 50; LoadBar_delta = 1; down_y_increase = 50; LoadBar_Hide_downDelta = 0,06; LoadBar_Hide_upDelta = 0.03; startalpha = 70 } //-- ------------------------------------- ------------- ---|| //+(Разместить LoadBar)+------------------------ --------------------- --|| function LoadBar_writebar(){ document.writeln("<div>"); document.writeln("<div id= "LoadBar" class="LoadBarDiv">"); document.writeln(" <div id="LoadBar_Message" align="center">"); document.writeln("<br>Test LoadBar<br />Средний LoadBar_Div <br /> Сделано Snow <br /> [url]www.xunuo.com[/url] <br />"); document.writeln(" <font id= dot color=blue></font>"); document.writeln("</div>"); document.writeln("</div>"); document.writeln("</div>" ); } //---------------- ----------------------------- ----------|| //+(прокрутка с помощью полосы прокрутки) +--------------------------- -------------|| function LoadBar_move() { if (LoadBar_Div.offsetTop != (scrollTop() + LoadBar_Top)) { var dy = (scrollTop() + LoadBar_Top - LoadBar_Div.offsetTop) * LoadBar_Delta; dy = (dy > 0 ? 1 : - 1) * Math.ceil(Math.abs(dy )); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy } /* Примечание. Смещение может прекратиться; до завершения смещения... потому что функция LoadBar_SetIV ClearInterval LoadBar_move if(LoadBar_Div.offsetLeft!=Math. round((eval(theX)-752)*0.25-50)){ var dx=((eval(theX)- 752)*0.25-100-LoadBar_Div.offsetLeft) * LoadBar_Delta; dx=(dx>0?1: -1)*Math.ceil(Math.abs(dx)); LoadBar_Div.style.left=LoadBar_Div.offsetLeft+dx+); "px"; } */ } //------------- --------------------------- ---------------|| //+(функция затухания LoadBar)+------------------------ ----------|| var LoadBar_breath_b = 0, LoadBar_breath_c = true; function LoadBar_breath() { var n = LoadBar_breathstep,b = LoadBar_breath_b,c = LoadBar_breath_c if(b>=90) {c = false; ;} if(c == false) {b-=n;} if(b<= 10) {c = true;} if(c == true) {b+=n;} LoadBar_Div.filters.alpha.opacity= b; LoadBar_breath_b = b; LoadBar_breath_c = c } //-------- ---------------------------- ---------------------| / /+(функция LoadBar)+------------------ ----------------|| var close_upturn=false ; var close_upturnnow = false; функция LoadBar_Hide() {clearInterval(IV_LoadBar_move);clearInterval(IV_LoadBar_breath); ><font color=red>Загрузка завершена</font><br><font color=blue >В стадии тестирования..^_^<br>[url]www.xunuo.com[/url] </font>"; if(hide_upturn == false) { LoadBar_Div.filters.alpha.opacity = LoadBar_hide_startalpha; var dy = (scrollTop() + LoadBar_Top + LoadBar_hide_down_y_increase - LoadBar_Div.offsetTop) * LoadBar_Hide_downDelta; dy = (dy > 0 ? 1 : - 1) * Math.ceil(Math.abs(dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(dy <= 0) { hide_upturn = true; } } if(hide_upturn == true) { //Я все еще есть что сказать~~ Мне нужно переместить его в центр экрана, а затем показать вам //Вышеуказанное связано с тем, что выполнение началось. Функция перемещения имеет последние координаты полосы прокрутки if (LoadBar_Div.offsetTop != ( ScrollTop() + LoadBar_Top) && скрыть_upturnnow != true) { var dy = (scrollTop() + LoadBar_Top - LoadBar_Div.offsetTop) * LoadBar_Delta; dy = ( dy > 0 ? 1 : - 1) * Math.ceil(Math.abs) (dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(LoadBar_Div.offsetTop == (scrollTop() + LoadBar_Top)){ide_upturnnow = true;} }else{ var dy = (scrollTop() - LoadBar_Div) .offsetTop) * LoadBar_Hide_upDelta; dy = Math.ceil(Math.abs(dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop - dy; LoadBar_Div .filters.alpha.opacity = LoadBar_Div.filters.alpha.opacity-2; if(LoadBar_Div.filters.alpha.opacity <= 0) {clearInterval(IV_LoadBar_Hide); LoadBar_Div.style.display = "none"; } } } //--------------- --------------------------------- -------|| //+(Интервал места)+ ---------------------------------- ------|| функция LoadBar_SetIV(start){ if( start == "до загрузки") { IV_LoadBar_move = setInterval("LoadBar_move()",20); IV_LoadBar_breath = setInterval("LoadBar_breath()",20) } else if (start == "после загрузки") {clearInterval( IV_LoadBar_move);clearInterval(IV_LoadBar_breath); IV_LoadBar_Hide = setInterval("LoadBar_Hide()",15 } //--------- ---------------- ----------------------------------| // +(Выходи~^^)+--- -------------------------------------- -|| функция LoadBar_Start(){ LoadBar_writebar(); LoadBar_setvalue(); LoadBar_SetIV("перед загрузкой" } //----------------------- ------------ --------------------|| //+(Пора идти~^^)+---- ----------- -----------------------------|| function LoadBar_End(){ LoadBar_SetIV("после загрузки" } //--- -------------------------------------------------- ----- ----------|| //+(Инициализация~^^)+----------------------- --- ---------------|| LoadBar_Start();//Start~~~ //Анонимная функция решает проблему, связанную с тем, что при загрузке можно добавлять только имена функций window.attachEvent('onload ',LoadBar_End) ; //------------------------------------------- ------- --------|| //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤ 3Q /{ :: + Promise | SnoW + ::} //http://www.xunuo.com //:: Хочешь поиграть со мной в World of Warcraft :: //:: QQ:49054026 :: //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ </script> <body> Посмотрим на эффект</body></html>