PUBLICIDADE
Este código tem nota
10

Autor

sorriso

José Henrique

membro deste agosto de 2007

Compartilhe e guarde

  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!

PUBLICIDADE

Enquete

O buscador Bing, da Microsoft, conseguirá alcançar o Google?

Efeito de estrelas luminosas no cursor do mouse


Script bastante interessante que reproduz um efeito de estrelas que ficam circundando o cursor do mouse.

Pode ser utilizado em várias situações e é bem fácil de personalizar.
Para alterar as cores das estrelas, por exemplo, basta alterar o array colours.
<!--Começo --->  
<script language="JavaScript"> 
<!--Scripts...http://www.cristinyonline.com.br--->
if (document.all){ 
//To add more stars simply add more colours in below array!! 
colours=new Array('ff0000','00ff00','3366ff','ff00ff','ffa500','ffffff','fff000') 
//Alter nothing below!! 
amount=colours.length; 
YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0; 
document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">'); 
for (i=0; i < amount; i++) 
document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">.</div>'); 
document.write('</div></div>'); 
ini=1; 
gstep=1; 
function iMouse(){ 
my=event.y;mx=event.x; 
} 
document.onmousemove=iMouse 
function dim(){ 
ini-=gstep; 
dt=setTimeout('dim()',10); 
if (ini < 2){ 
clearTimeout(dt); 
glow(); 
} 
} 
function glow(){ 
ini+=gstep; 
gt=setTimeout('glow()',10); 
if (ini > 14){ 
clearTimeout(gt); 
dim(); 
} 
} 
function stars(){ 
ie.style.top=document.body.scrollTop; 
for (i=0; i < amount; i++) 
 { 
 var layer=iestars[i].style; 
 layer.filter='glow(color='+colours[i]+', strength='+ini+')'; 
 layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10); 
 layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10); 
 } 
currStep+=step; 
} 
function delay(){ 
Ydelay = YgetDelay+=(my-YgetDelay)*1/20; 
Xdelay = XgetDelay+=(mx-XgetDelay)*1/20; 
stars(); 
setTimeout('delay()',10); 
} 
delay(); 
glow(); 
} 
//--> 
</script>
<!--Fim --->

Sim   Não   Este código foi útil para você?
NotaComentário
10
alberto12 comentou em 24/8/2009

Ótimo

Esse codigo é ótimo para quem gosta de paginas animadas
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)


Máximo de 30 caracteres

Máximo de 255 caracteres
 

R&W Consulting - Soluções Web Hospedagem UOL HOST PagSeguro - solução para pagamentos online
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.