Desenhos no Mouse

Clube Da Maloca.

Desenhos no mouse:

Coloque depois da tag <head>

Coloque depois da tag <body>

Estrelas que seguem o mouse

Coloque depois da tag <body> de seu template

<DIV style="VISIBILITY: hidden; POSITION: absolute"><IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/estrela6.gif" align=baseline border=0 name=img6 width="33" height="23"> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/estrela5.gif" align=baseline border=0 name=img5 width="33" height="23"> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/estrela4.gif" align=baseline border=0 name=img4 width="33" height="23"> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/estrela3.gif" align=baseline border=0 name=img3 width="33" height="23"> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/estrela2.gif" align=baseline border=0 name=img2 width="33" height="23"> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/estrela1.gif" align=baseline border=0 name=img1 width="33" height="23"> </DIV> <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,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>

Arvore e maçã que seguem o mouse

Coloque depois da tag <body> de seu template

<DIV style="VISIBILITY: hidden; POSITION: absolute"><IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/tree6.gif" align=baseline border=0 name=img6> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/tree5.gif" align=baseline border=0 name=img5> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/tree4.gif" align=baseline border=0 name=img4> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/tree3.gif" align=baseline border=0 name=img3> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/tree2.gif" align=baseline border=0 name=img2> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/tree1.gif" align=baseline border=0 name=img1> </DIV> <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,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>

Carro que segue o mouse

Coloque depois da tag <body> de seu template

<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> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car5.gif" align=baseline border=0 name=img5> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car4.gif" align=baseline border=0 name=img4> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car3.gif" align=baseline border=0 name=img3> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car2.gif" align=baseline border=0 name=img2> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/car1.gif" align=baseline border=0 name=img1> </DIV> <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,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>

Borboletas que seguem o mouse

Coloque depois da tag <body> de seu template

<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> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha5.gif" align=baseline border=0 name=img5> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha4.gif" align=baseline border=0 name=img4> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha3.gif" align=baseline border=0 name=img3> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha2.gif" align=baseline border=0 name=img2> <IMG alt="" hspace=0 src="http://www.tudoparablogs2.hpg.com.br/mouse/borboletinha1.gif" align=baseline border=0 name=img1> </DIV> <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,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>

Pontinhos coloridos que seguem o mouse

Coloque depois da tag <body> de seu template

<SCRIPT language=JavaScript> Clrs=new Array('ffcc00','00ff00','ffeeff','ff00ff','ffa500','ffff00','00ff00','ccffff','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 = window.pageYOffset+evnt.pageX+1; Ypos = window.pageYOffset+evnt.pageY+4; } window.onMouseMove = nsMouse; } else if (document.all){ document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">'); for (i = 0; i < amount; i++) {document.write('<div 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 = document.body.scrollTop+event.y+4; Xpos = document.body.scrollLeft+event.x+1; } document.onmousemove = ieMouse; } function animateLogo(){ 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; document.layers['nstrs'+i].left =Xpos; } } } else if (document.all){ for (i = 0; i < amount; i++) { var randCol=Math.round(Math.random()*8); ieDiv.all.c.all[i].style.background=Clrs[randCol]; if (i < amount-1) { ieDiv.all.c.all[i].style.top=ieDiv.all.c.all[i+1].style.top; ieDiv.all.c.all[i].style.left=ieDiv.all.c.all[i+1].style.left; } else { ieDiv.all.c.all[i].style.top = Ypos; ieDiv.all.c.all[i].style.left =Xpos; } } } setTimeout("animateLogo()",10); } animateLogo(); </SCRIPT>

Efeito de Corações e Estrelas elásticos

Coloque depois da tag <body> de seu template

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"> <img src="http://www.tudoparablogs2.hpg.com.br/mouse/trailing_heart1.gif"> </div> <div id="dot1" style="position: absolute;"> <img src="http://www.tudoparablogs2.hpg.com.br/mouse/trailing_heart.gif"> </div> <div id="dot2" style="position: absolute;"> <img src="http://www.tudoparablogs2.hpg.com.br/mouse/trailing_heart1.gif"> </div> <div id="dot3" style="position: absolute;"> <img src="http://www.tudoparablogs2.hpg.com.br/mouse/trailing_heart.gif"> </div> <div id="dot4" style="position: absolute;"> <img src="http://www.tudoparablogs2.hpg.com.br/mouse/trailing_heart1.gif"> </div> <div id="dot5" style="position: absolute;"> <img src="http://www.tudoparablogs2.hpg.com.br/mouse/trailing_heart.gif"> </div> <div id="dot6" style="position: absolute;"> <img src="http://www.tudoparablogs2.hpg.com.br/mouse/trailing_heart1.gif"> </div> <script LANGUAGE="JavaScript">  </script>