Español
<style type="text/css"><!-- .LoadBarDiv { BORDE-DERECHO: #777 1px punteado; BORDE-TOP: #777 1px punteado; PANTALLA: bloque PESO DE FUENTE: normal; FILTRO: Alfa(Opacidad=80, FinishOpacity=10, Estilo=1, StartX=1, StartY=1, FinishX=1, FinishY=100; expresión ((this.parentElement.offsetWidth-this.offsetWidth) /2); ALINEACIÓN VERTICAL: medio; BORDE IZQUIERDO: #777 1 px punteado; ANCHO: 250 px; Arial", "Helvetica", "sans-serif"; POSICIÓN: absoluta; ALTURA: 78px; COLOR DE FONDO: #f1f1f1 } --></style> <script language="JavaScript"> //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤Bienvenido a descargar la investigación^Gracias¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ // Felicitaciones por encontrar la dirección Debo estar muy entusiasmado con este efecto ^^ Lo he estado haciendo durante mucho tiempo ~ ¡Hmm! Mi visión es incorrecta ~~ // Simplemente haga referencia a esta función directamente en la página web. Recuerde cargar su estilo CSS antes. No entiendo, puedes preguntarme~~ // == Page LoadBar == //:: Version.0.4 //:: Desarrollado por Snow :: @ 2006.4.4 //:: QQ:49054026 :: /. /:: Correo: snow@xunuo.com :: //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤ //+(función de compatibilidad de largo y ancho)++---------------- ---------- ----------|| function scrollTop() //Posición de la barra de desplazamiento del navegador { 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; // Función de definición y adquisición de parámetros de la ventana del navegador, compatible con IE6 y MF por 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() //------------------------------- -------------- -------------|| //+(función de configuración)+------------- ------------- ----------------|| función LoadBar_setvalue(){ LoadBar_Div = document.getElementById('LoadBar_Msg'); .getElementById("LoadBar_Message"); LoadBar_Top = 250; LoadBar_Delta = 0,05; LoadBar_hide_down_y_increase = 50; LoadBar_Hide_downDelta = 0,06; LoadBar_Hide_upDelta = 0.03; startalpha = 70 } //-- ------------------------------------- ------------- ---|| //+(Colocar barra de carga)+------------------------ --------------------- --|| función LoadBar_writebar(){ document.writeln("<div>"); "LoadBar" class="LoadBarDiv">"); document.writeln(" <div id="LoadBar_Message" align="center">"); document.writeln("<br>Prueba LoadBar<br />Middle LoadBar_Div <br /> Hecho por Snow <br /> [url]www.xunuo.com[/url] <br />"); document.writeln(" <font id= color de punto=azul></font>"); document.writeln("</ div>"); document.writeln("</div>"); document.writeln("</div>" } //---------------- ----------------------------- ----------|| //+(desplazarse con la barra de desplazamiento) +--------------------------- -------------|| función 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; antes de que se complete el desplazamiento... porque la función 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)); "px"; } */ } //------------- --------------------------- ---------------|| //+(Función de desvanecimiento de la barra de carga)+------------------------ ----------|| var LoadBar_breath_b = 0, LoadBar_breath_c = verdadero; función LoadBar_breath() { var n = LoadBar_breathstep,b = LoadBar_breath_b,c = LoadBar_breath_c; ;} 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; ---------------------|| / /+(función flash de la barra de carga)+------------------ ----------------|| var hide_upturn=false; var hide_upturnnow = false; función LoadBar_Hide() { clearInterval(IV_LoadBar_move); clearInterval(IV_LoadBar_breath); ><font color=red>Carga completa</font><br><font color=blue >En prueba...^_^<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; Math.ceil(Math.abs(dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(dy <= 0) { hide_upturn = true; Tengo más que decir ~~ Tengo que moverlo al centro de la pantalla y luego mostrárselo // Lo anterior se debe a que se inició la ejecución. La función de movimiento tiene las últimas coordenadas de la barra de desplazamiento if (LoadBar_Div.offsetTop! = ( scrollTop() + LoadBar_Top) && hide_upturnnow != true) { var dy = (scrollTop() + LoadBar_Top - LoadBar_Div.offsetTop) * LoadBar_Delta = ( dy > 0 ? 1 : - 1) * Math.ceil(Math.abs; (dy)); LoadBar_Div.style.top = LoadBar_Div.offsetTop + dy; if(LoadBar_Div.offsetTop == (scrollTop() + LoadBar_Top)){ hide_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; if(LoadBar_Div.filters.alpha.opacity <= 0) { clearInterval(IV_LoadBar_Hide); LoadBar_Div.style.display = "ninguno"; --------------------------------- -------|| //+(Colocar intervalo)+ ---------------------------------- ------|| función LoadBar_SetIV(inicio){ si( inicio == "antes de la carga"){ IV_LoadBar_move = setInterval("LoadBar_move()", 20); IV_LoadBar_breath = setInterval("LoadBar_breath()", 20) } else if (inicio == "después de la carga") { clearInterval( IV_LoadBar_move); clearInterval(IV_LoadBar_breath); IV_LoadBar_Hide = setInterval("LoadBar_Hide()", 15); ----------------------------------|| // +(Salir~^^)+--- -------------------------------------- -|| función LoadBar_Start(){ LoadBar_writebar(); LoadBar_setvalue(); LoadBar_SetIV("antes de cargar" } //----------------------- ------------ --------------------|| //+(Es hora de irse~^^)+---- ----------- -----------------------|| función LoadBar_End(){ LoadBar_SetIV("después de la carga "); -------------------------------------------------- ----- ----------|| //+(Inicialización~^^)+----------------------- --- ---------------|| LoadBar_Start();//Start~~~ //La función anónima resuelve el problema de que la carga solo puede agregar nombres de funciones window.attachEvent('onload ',LoadBar_End) ; //------------------------------------------- ------- --------|| //¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ ¤¤ 3Q /{ :: + Promesa | SnoW + ::} //http://www.xunuo.com //:: ¿Quieres jugar a World of Warcraft conmigo? :: //:: QQ:49054026 :: //¤¤¤¤¤ ¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤ </ script> <body>Veamos el efecto</body></html>