. Efeitos no mouse .

CORAÇÃO E ESTRELAS QUE EXPLODEM COM CLIQUE

EXEMPLO CLIQUE AQUI

Localização: Copie e cole entre < HEAD> e < /HEAD> br>

<!-- Begin
var ver  = navigator.appVersion;
var dom  = document.getElementById ? 1 : 0;
var ie5  = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;
var n  = (document.layers);
var ie = (document.all);

Localização: entre < BODY> e < /BODY>.

__________________________________________
EFEITO RABO DE COMETA.

EXEMPLO CLIQUE AQUI

Localização: entre < BODY> e < /BODY>

//Comment trail script- By Kurt (kurt.grigg@virgin.net)
//Script featured on Dynamic Drive
//Visit http://www.dynamicdrive.com for this script and more

Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
amount=10;
Xpos = 0;
Ypos = 0;
if (document.layers){
for (i = 0; i < amount; i++)
{document.write('<layer name=nstrs'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor=#ff0000></layer>')}
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
Xpos = evnt.pageX+1;
Ypos = evnt.pageY+4 -window.pageYOffset;
}
window.onMouseMove = nsMouse;
}
else if (document.all){
document.write('<div id="Div" style="position:absolute;top:0px;left:0px">'
+'<div style="position:relative">');
for (i = 0; i < amount; i++)
{document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';font-size:'+i/2+'"></div>')}
document.write('</div></div>');
function ieMouse(){
Ypos = event.y+4;
Xpos = event.x+1;
}
document.onmousemove = ieMouse;
}
function animateLogo(){
S=(document.layers)?window.pageYOffset:0;
if (document.layers){
for (i = 0; i < amount; i++){
var randCol=Math.round(Math.random()*8);
document.layers['nstrs'+i].bgColor=Clrs[randCol];

if (i < amount-1){
 document.layers['nstrs'+i].top=document.layers['nstrs'+(i+1)].top;
 document.layers['nstrs'+i].left=document.layers['nstrs'+(i+1)].left;
 } 
else{
 document.layers['nstrs'+i].top = Ypos+S;
 document.layers['nstrs'+i].left =Xpos;
 }
}
}
else if (document.all){
Div.style.top=document.body.scrollTop;
for (i = 0; i <  amount; i++){
var randCol=Math.round(Math.random()*8);
ieDiv[i].style.background=Clrs[randCol];

if (i < amount-1) {
 ieDiv[i].style.top=ieDiv[i+1].style.top;
 ieDiv[i].style.left=ieDiv[i+1].style.left;
 } 
else{
 ieDiv[i].style.top = Ypos;
 ieDiv[i].style.left =Xpos;
 }
}
}
setTimeout("animateLogo()",10);
}
animateLogo();
// -->
</script>

________________________________________
CORAÇÕES QUE RODAM EM VOLTA DO MOUSE

EXEMPLO CLIQUE AQUI

Localização: Copie e cole entre < HEAD> e < /HEAD>

OBS: para mudar a cor dos corações vá na referencia VAR COLOR =”FF99CC” e mude a cor de acordo com a referencia da cor escolhida (referencia da cor vá na tabela de cores)

<SCRIPT LANGUAGE="JavaScript1.2">
</SCRIPT>

_________________________________________
TEXTO QUE RODA EM VOLTA DO MOUSE

(EXEMPLO CLIQUE AQUI)

Localização: Entre as tags < HEAD> e < /HEAD>.

OBS: Escreva seu texto no lugar que esta escrito SEU TEXTO e troque a cor em LOGO COLOR e a fonte em LOGO FONT (veja tabela de cores).

<SCRIPT LANGUAGE="JavaScript">
if (document.all) {
yourLogo = "* SEU TEXTO * ";
logoFont = " verdana";
logoColor = " #000000";
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 70;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.04;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;'
+'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;'
+'color:'+logoColor+'; text-align:cent er">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 3;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 3;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 10);
}
window.onload = animateLogo;
}
// End -->
</SCRIPT>

_____________________________________
PALAVRAS QUE ACOMPANHAM O MOUSE.

(EXEMPLO CLIQUE AQUI)

Localização: coloque entre as tags < HEAD> E < /HEAD>.

OBS: Para trocar a cor vá em COLOR e coloque a referência da cor desejda

Localização: coloque abaixo da tag < BODY>

_____________________________________
FOGOS DE ARTIFICIO

(EXEMPLO CLIQUE AQUI)

Localização: Coloque depois da tag < BODY>

<script language="javascript"> /* Pulse Spin Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/javascript) To add more shock to your site, visit www.DHTML Shock.com */ var speed; var RunTime = 0; var Xpos = 0; var Ypos = 0; var pulse=25; var cnter=70; var _y; if (document.layers) { document.write('<LAYER NAME="a0" LEFT=10 TOP=10 BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a1" LEFT=10 TOP=10 BGCOLOR="#FF8000" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a2" LEFT=10 TOP=10 BGCOLOR="#FFFF00" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a3" LEFT=10 TOP=10 BGCOLOR="#00FF00" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a4" LEFT=10 TOP=10 BGCOLOR="#0000FF" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a5" LEFT=10 TOP=10 BGCOLOR="#FF00FF" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a6" LEFT=10 TOP=10 BGCOLOR="#FFFFFF" CLIP="0,0,2,2"></LAYER>'); window.captureEvents(Event.MOUSEMOVE); function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } else if (document.all) { document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>' +'</div>' +'</div>'); function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } function sv3(){ if (RunTime<0.0550) speed=0.001; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } RunTime+=speed; stp=setTimeout('sv3()',10); if (RunTime>0.0540) { speed+=0.002; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } } if (speed > 0.5) { speed=0.5; cnter-=8; } if (document.layers) _y=-window.innerHeight; else if (document.all) _y=-document.body.clientHeight; if (cnter <= _y) { RunTime=0; speed=0.001; cnter=70; } } sv3(); //--> </SCRIPT>

_____________________________________________
BEIJOS QUE SEGUEM O MOUSE

(EXEMPLO CLIQUE AQUI)

Localização: Coloque apos a tag < HEAD>

<style type="text/css">  </style> <script language="JavaScript1.2" type="text/JavaScript">  </script>

Localização: Após a tag (BODY)

<script language="JavaScript" type="text/JavaScript">  </script>

__________________________________________