Português
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
Página Inicial
Download de Códigos Fonte
Relacionados a Programação
Recursos de criação de sites
Livros e Tutoriais
Tutoriais de Design de Páginas Web
Tutoriais de Programação de Rede
Jogos para Celular
Software para Celular
Artigo
Página Inicial
>
Tutorial de web design
>
Efeitos especiais da Web
Ao abrir uma página, insira alguns caracteres usando o teclado e a página navegará automaticamente
Autor:Eve Cole
Data da Última Atualização:2009-06-18 17:26:42
<!--完成此特效需要2步 第一步:把下面代码放到<head>区域中--> <script language="JavaScript"> var a_Colour='ff0000'; var b_Colour='00ff00'; var c_Colour='0000ff'; var Tamanho=50; var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); função nsMouse(evnt){ xpos = window.pageYOffset+evnt.pageX+6; ypos = window.pageYOffset+evnt.pageY+16; } window.onMouseMove = nsMouse; } else if (document.all) { function ieMouse(){ xpos = document.body.scrollLeft+event.x+6; ypos = document.body.scrollTop+event.y+16; } document.onmousemove = ieMouse; } function swirl(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); XDummy[i]=xpos+Tamanho*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); } EstePasso+=passo; setTimeout('redemoinho()',10); } var quantidade=10; if (document.layers){ for (i = 0; i < quantidade; i++) { document.write('<nome da camada=nsa'+i+' topo=0 esquerda=0 largura='+i/2+' altura ='+i/2+' bgcolor='+a_Colour+'></layer>'); document.write('<nome da camada=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>' ); document.write('<nome da camada=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>' ); } } else if (document.all){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style= "posição:relativa">'); for (i = 0; i < quantidade; i++) { document.write('<div id=x style="posição:absolute;top:0px;esquerda:0px;largura:'+i/2+';altura: '+i/2+';fundo:'+a_Colour+';tamanho da fonte:'+i/2+'"></div>'); document.write('<div id=y style="posição:absolute;top:0px;esquerda:0px;largura:'+i/2+';altura:'+i/2+';fundo:'+b_Colour+ ';tamanho da fonte:'+i/2+'"></div>'); document.write('<div id=z style="posição:absolute;top:0px;esquerda:0px;largura:'+i/2+';altura:'+i/2+';fundo:'+c_Colour+ ';tamanho da fonte:'+i/2+'"></div>'); } document.write('</div></div>'); } function prepos(){ var ntscp=document.layers; var msie=document.all; if (document.layers){ for (i = 0; i < quantidade; i++) { if (i < quantidade-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1 )].top;ntscp['nsa'+i].esquerda=ntscp['nsa'+(i+1)].esquerda; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)]. esquerda; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)]. esquerda; } 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 < quantidade; i++) { if (i < quantidade-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; } else { 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); } function Iniciar(){ redemoinho(),prepos() } window.onload=Iniciar; </script> <!--第二步:把下面代码放到<body>区域中--> <body bgcolor="#000000">
Artigos Relacionados
Os melhores efeitos de página da web de calendário perpétuo
2009-06-20
Código de calendário da web super poderoso e bonito, efeitos especiais de páginas da web
2009-06-20
Efeitos de apresentação de slides de limpeza de imagens [efeitos de página da web]
2009-06-20
Menu suspenso secundário [Efeitos especiais da página da Web]
2009-06-20
Menu suspenso de três níveis [efeitos especiais da página da Web]
2009-06-20
Efeitos especiais requintados de páginas da web com gotas de chuva caindo uma após a outra [efeitos especiais da página da web]
2009-06-20
Efeito de exibição da roda de informações DHTML de efeitos especiais de páginas da web
2009-06-20
Efeito web que calcula o tamanho do seu sutiã
2009-06-20
Imagens flutuantes [efeitos especiais de páginas da web]
2009-06-20
Uma barra de progresso da página da web [efeitos especiais da página da web]
2009-06-20
Navegador de disco local [efeitos especiais da página da Web]
2009-06-18
Efeitos especiais da Web: técnicas de exibição aleatória de imagens
2009-06-08