Efeitos em volta do Mouse

Postado por bolato

Cole o código antes da tag </head> do html do seu layout:


Corações em volta do mause
<br /> <SCRIPT LANGUAGE="JavaScript1.2"><!--// // your message here var msg='Y Y Y Y Y Y Y Y Y Y Y Y '; var font='Webdings'; var size=3; // up to seven var color='#0000FF'; // This is not the rotation speed, its the reaction speed, keep low! // Set this to 1 for just plain rotation w/out drag var speed=.3; // This is the rotation speed, set it negative if you want // it to spin clockwise var rotation=.1; // Alter no variables past here!, unless you are good //--------------------------------------------------- var ns=(document.layers); var ie=(document.all); var msg=msg.split(''); var n=msg.length; var a=size*15; var currStep=0; var ymouse=0; var xmouse=0; var scrll=0; var props="<font face="+font+" size="+size+" color="+color+">"; if (ie) window.pageYOffset=0 // writes the message if (ns){ for (i=0; i < n; i++) document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center> </layer>'); } if (ie){ document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="iemsg" style="position:absolute;top:0px;left:0; height:'+a+';width:'+a+';text-align:center; font-weight:regular;cursor:default">'+props+msg[i]+'</font> </div>'); document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y; // y-position xmouse = (ns)?evnt.pageX+20:event.x-20; // x-position } if (ns||ie) (ns)?window.onMouseMove=Mouse:document.onmousemove= Mouse; y=new Array(); x=new Array(); Y=new Array(); X=new Array(); for (i=0; i < n; i++){ y[i]=0; x[i]=0; Y[i]=0; X[i]=0; } function makecircle(){ // rotation properties if (ie) outer.style.top=document.body.scrollTop; currStep-=rotation; for (i=0; i < n; i++){ // makes the circle var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style; d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+ window.pageYOffset-15; d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2; // remove *2 for just a plain circle, not oval } } function drag(){ // makes the resistance scrll=(ns)?window.pageYOffset:0; y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (var i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } makecircle(); // not rotation speed, leave at zero setTimeout('drag()',10); } if (ns||ie)window.onload=drag; // --> </SCRIPT><br /> <br />

Borboletas que seguem o mouse
<br /> <br /> <DIV style="VISIBILITY: hidden; POSITION: absolute"><IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha6.gif" align=baseline border=0 name=img6><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha5.gif" align=baseline border=0 name=img5><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha4.gif" align=baseline border=0 name=img4><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha3.gif" align=baseline border=0 name=img3><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha2.gif" align=baseline border=0 name=img2><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha1.gif" align=baseline border=0 name=img1> </DIV><br /> <SCRIPT> /* Cross browser cursor trailer script By Brian Caputo (bcaputo@icdc.com) Permission given to Dynamicdrive.com to feature the script in it's DHTML archive For 100's more DHTML scripts and components, visit Dynamicdrive.com */ B=document.all; C=document.layers; T1=new Array(document.img6.src,15,17,document.img5.src,15,17,document.img4.src,15,17,document.img3.src,15,17,document.img2.src,12,11,document.img1.src,15,17) nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((B)?"</div>":"</layer>") } function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){ c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1))) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2 ) } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos setInterval("cycle()",rate) </SCRIPT>

Carros que seguem o mause
<br /> <br /> <DIV style="VISIBILITY: hidden; POSITION: absolute"><IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car6.gif" align=baseline border=0 name=img6><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car5.gif" align=baseline border=0 name=img5><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car4.gif" align=baseline border=0 name=img4><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car3.gif" align=baseline border=0 name=img3><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car2.gif" align=baseline border=0 name=img2><br /> <br /> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car1.gif" align=baseline border=0 name=img1> </DIV><br /> <br /> <SCRIPT> B=document.all; C=document.layers; T1=new Array(document.img6.src,20,19,document.img5.src,18,17,document.img4.src,16,15,document.img3.src,14,13,document.img2.src,12,11,document.img1.src,32,28) nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((B)?"</div>":"</layer>") } function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){ c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1))) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2 ) } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos setInterval("cycle()",rate) </SCRIPT>