Annyz-BlOg : Corazones saliendo del cursor (floating Love heart effect)

Hola blogueras!! como les va en estas fechas? espero que super bien, se nos viene navidad y con ello un monton de cosas por hacer xD como que la gente se vuelve loca en estas fechas jajaja, (me incluyo xD) en fin chicas, ando muy contenta, me sorprendi entrar al blog y ver que ya tenia 2909 Seguidores!!! Muchas gracias a todos los que me visitan y se toman la molestia de seguir al blog, aunque no actualizo muy seguido les agradezco que se tomen un ratito de su tiempo para visitarme :D!!

Recuerdan un tuto que hice sobre corazones saliendo del cursor [clic aqui] para ir a la entrada, en ese tutorial los corazones caian del cursor, peroooo en este tutorial los corazones flotan al salir del cursor, genial no? :D [clic aqui] codigo original. Es un efecto muy bonito :) yo tengo puesto el efecto en el blog como puedes ver les puse unos diferentes colores y los hize un poquito mas pequenos ^^ espero les agrade tanto como a mi.

Para ponerlo en tu blog copia el codigo, ve a Plantilla >> Editar HTML y pegalo antes de </body>

/*****************************
*JavaScript Love Heart Cursor*
*  (c)2013+ 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 herz=new Array();
var herzx=new Array();
var herzy=new Array();
var herzs=new Array();
var kiss=false;

if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  var oldonload=window.onload;
  if (typeof(oldonload)!='function') window.onload=funky;
  else window.onload=function() {
    if (oldonload) oldonload();
    funky();
  }
}

addRVLoadEvent(mwah);

document.onmousedown=pucker;
document.onmouseup=function(){clearTimeout(kiss);};

function pucker() {
  ox=-1;
  oy=-1;
  kiss=setTimeout('pucker()', 100);
}

function break_my_heart(i) {
  var t;
  herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  herz[i].style.fontWeight='bold';
  herzy[i]=false;
  for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
}

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;
  }
}

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>

Si no te gustan los colores que yo puse xD puedes editar los colores de los corazones, solo busca esta linea en el codigo y remplaza lo que esta en rosita por los colores que mas te gusten

var colours=new Array('#ACE1ED', '#FFB3B3', '#93B16B', '#FD4D4D', '#FEE034', '#B3DAD9');

[Clic Aqui] para ir a la tabla de colores

08 diciembre 2014

Corazones saliendo del cursor (floating Love heart effect)

19 comentarios: