Español
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
Inicio
Descarga de código fuente
Programación relacionada
Recursos para crear sitios web
Libros y tutoriales
Tutorial de diseño web
Tutorial de programación en red
Juegos móviles
Software móvil
Artículo
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