Español
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
Mapa del sitio completo
Últimas actualizaciones
Inicio
Código fuente
Programación relacionada
Recursos para crear sitios web
Tutorial de diseño web
Tutorial de programación en red
Inicio
>
Tutorial de diseño web
>
efectos especiales web
Al abrir una página, ingrese algunos caracteres usando el teclado y la página navegará automáticamente
Autor:Eve Cole
Fecha de actualización:2009-06-18 17:26:42
<!--完成此特效需要2步 第一步:把下面代码放到<head>区域中--> <script language="JavaScript"> var a_Colour='ff0000'; var b_Color='00ff00'; var c_Color='0000ff'; Tamaño var=50; var YDummy=nueva matriz(),XDummy=nueva matriz(),xpos=0,ypos=0,ThisStep=0;step=0.03; if (document.layers){ ventana.captureEvents(Event.MOUSEMOVE); función nsMouse(evnt){ xpos = ventana.pageYOffset+evnt.pageX+6; ypos = ventana.pageYOffset+evnt.pageY+16; } ventana.onMouseMove = nsMouse; } else if (document.all) { function ieMouse(){ xpos = document.body.scrollLeft+event.x+6; ypos = document.body.scrollTop+event.y+16; } document.onmousemove = es decirMouse; } función remolino(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); XDummy[i]=xpos+Tamaño*Math.sin(EstePaso+i*2)*Math.sin((EstePaso)*6); } EstePaso+=paso; setTimeout('remolino()',10); } cantidad var=10; if (document.layers){ for (i = 0; i < cantidad; i++) { document.write('<nombre de capa=nsa'+i+' arriba=0 izquierda=0 ancho='+i/2+' alto ='+i/2+' bgcolor='+a_Color+'></layer>'); document.write('<nombre de capa=nsb'+i+' arriba=0 izquierda=0 ancho='+i/2+' altura='+i/2+' bgcolor='+b_Color+'></capa>' ); document.write('<nombre de capa=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Color+'></layer>' ); } } else if (document.all){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style= "posición:relativa">'); for (i = 0; i < cantidad; i++) { document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height: '+i/2+';fondo:'+a_Color+';tamaño de fuente:'+i/2+'"></div>'); document.write('<div id=y style="posición:absoluta;top:0px;left:0px;ancho:'+i/2+';alto:'+i/2+';fondo:'+b_Color+ ';tamaño de fuente:'+i/2+'"></div>'); document.write('<div id=z style="posición:absoluta;top:0px;left:0px;ancho:'+i/2+';alto:'+i/2+';fondo:'+c_Color+ ';tamaño de fuente:'+i/2+'"></div>'); } document.write('</div></div>'); } función prepos(){ var ntscp=document.layers; var msie=document.all; if (document.layers){ for (i = 0; i < cantidad; i++) { if (i < cantidad-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1) )].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)]. izquierda; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)]. izquierda; } else { ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; } } } else if (document.all){ for (i = 0; i < cantidad; i++) { if (i < cantidad-1) { msie.x[i].style.top=msie.x[i+ 1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; } más { msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; } } } setTimeout("prepos()",10); } función Inicio(){ remolino(),prepos() } ventana.onload=Inicio; </script> <!--第二步:把下面代码放到<body>区域中--> <body bgcolor="#000000">
Artículos relacionados
Los mejores efectos de página web de calendario perpetuo
2009-06-20
Código de calendario web súper potente y hermoso, efectos especiales de páginas web
2009-06-20
Efectos de presentación de diapositivas de limpieza de imágenes [efectos de página web]
2009-06-20
Menú desplegable secundario [Efectos especiales de página web]
2009-06-20
Menú desplegable de tres niveles [Efectos especiales de página web]
2009-06-20
Exquisitos efectos especiales de páginas web de gotas de lluvia que caen una tras otra [efectos especiales de páginas web]
2009-06-20
Efecto de visualización de rueda de información DHTML de efectos especiales de página web
2009-06-20
Efecto web que calcula tu talla de sujetador
2009-06-20
Imágenes flotantes [efectos especiales de página web]
2009-06-20
Una barra de progreso de la página web [efectos especiales de la página web]
2009-06-20
Explorador de disco local [efectos especiales de página web]
2009-06-18
Efectos especiales web: técnicas de visualización aleatoria de imágenes.
2009-06-08