Cursor do Mouse efeito Bolinhas de Sabão

Oi Gente!!

Sumi por uns dias, porque fiquei de castigo por causa das minhas notas :3

e agora só vou fazer um post por semana ou mês, se não tirar notas melhores na segunda unidade AI EU JÁ NÃO  SEI. Enquanto ao post, dei uma olhada em um blog Dany Place então os créditos são todos a Dany. 

Exemplo

Vá em Modelo>> Editar Html e procure por  </Head>, abaixo dessa tag cole esse código:

<script type="text/javascript">

// <![CDATA[var colours=new Array("#00E5EE", "#BBFFFF", "#BBFFFF", "#00E5EE", "#FFFFF0"); // colours for top, right, bottom and left borders and background of bubblesvar bubbles=66; // maximum number of bubbles on screen/***************************** JavaScript Bubble Cursor  **(c)2010-13 mf2fm web-design**  http://www.mf2fm.com/rv  ** DON'T EDIT BELOW THIS BOX *****************************/var x=ox=400;var y=oy=300;var swide=800;var shigh=600;var sleft=sdown=0;var bubb=new Array();var bubbx=new Array();var bubby=new Array();var bubbs=new Array();var sploosh=false;function addLoadEvent(funky) {  var oldonload=window.onload;  if (typeof(oldonload)!='function') window.onload=funky;  else window.onload=function() {    if (oldonload) oldonload();    funky();  }}addLoadEvent(buble);function buble() { if (document.getElementById) {  var i, rats, div;  for (i=0; i<bubbles; i++) {    rats=createDiv("3px", "3px");    rats.style.visibility="hidden";    div=createDiv("auto", "auto");    rats.appendChild(div);    div=div.style;    div.top="1px";    div.left="0px";    div.bottom="1px";    div.right="0px";    div.borderLeft="1px solid "+colours[3];    div.borderRight="1px solid "+colours[1];    div=createDiv("auto", "auto");    rats.appendChild(div);    div=div.style;    div.top="0px";    div.left="1px";    div.right="1px";    div.bottom="0px"    div.borderTop="1px solid "+colours[0];    div.borderBottom="1px solid "+colours[2];    div=createDiv("auto", "auto");    rats.appendChild(div);    div=div.style;    div.left="1px";    div.right="1px";    div.bottom="1px";    div.top="1px";    div.backgroundColor=colours[4];    if (navigator.appName=="Microsoft Internet Explorer") div.filter="alpha(opacity=50)";    else div.opacity=0.5;    document.body.appendChild(rats);    bubb[i]=rats.style;  }  set_scroll();  set_width();  bubble();}}function bubble() {  var c;  if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {    ox=x;    oy=y;    for (c=0; c<bubbles; c++) if (!bubby[c]) {      bubb[c].left=(bubbx[c]=x)+"px";      bubb[c].top=(bubby[c]=y-3)+"px";      bubb[c].width="3px";      bubb[c].height="3px"      bubb[c].visibility="visible";      bubbs[c]=3;      break;    }  }  for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);  setTimeout("bubble()", 40);}document.onmousedown=splash;document.onmouseup=function(){clearTimeout(sploosh);};function splash() {  ox=-1;  oy=-1;  sploosh=setTimeout('splash()', 100);}function update_bubb(i) {  if (bubby[i]) {    bubby[i]-=bubbs[i]/2+i%2;    bubbx[i]+=(i%5-2)/5;    if (bubby[i]>sdown && bubbx[i]>sleft && bubbx[i]<sleft+swide+bubbs[i]) {   if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {  bubb[i].width=bubbs[i]+"px";  bubb[i].height=bubbs[i]+"px";   }      bubb[i].top=bubby[i]+"px";      bubb[i].left=bubbx[i]+"px";    }    else {      bubb[i].visibility="hidden";      bubby[i]=0;      return;    }  }}document.onmousemove=mouse;function mouse(e) {  if (e) {    y=e.pageY;    x=e.pageX;  }  else {    set_scroll();    y=event.y+sdown;    x=event.x+sleft;  }}window.onresize=set_width;function set_width() {  var sw_min=999999;  var sh_min=999999;  if (document.documentElement && document.documentElement.clientWidth) {    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;  }  if (typeof(self.innerWidth)=='number' && self.innerWidth) {    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;  }  if (document.body.clientWidth) {    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;  }  if (sw_min==999999 || sh_min==999999) {    sw_min=800;    sh_min=600;  }  swide=sw_min;  shigh=sh_min;}window.onscroll=set_scroll;function set_scroll() {  if (typeof(self.pageYOffset)=='number') {    sdown=self.pageYOffset;    sleft=self.pageXOffset;  }  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {    sdown=document.body.scrollTop;    sleft=document.body.scrollLeft;  }  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {    sleft=document.documentElement.scrollLeft;    sdown=document.documentElement.scrollTop;  }  else {    sdown=0;    sleft=0;  }}function createDiv(height, width) {  var div=document.createElement("div");  div.style.position="absolute";  div.style.height=height;  div.style.width=width;  div.style.overflow="hidden";  div.style.backgroundColor="transparent";  return (div);}// ]]></script>