If youve been on the web for a while now, youve probably seen that some sites use this kind of dark magic to make cute little colourful symbols fall out of their cursors......

Well Im here to teach you how to master this dark witchful skill! >:D *no offence to witches i love witches

I set up a tutorial in the code itself , so make sure to read and customise it according to my guide when setting it up !

CODE

/********************************
  *JavaScript Love Heart Cursor   *
  *  (c)2013+ mf2fm web-design    *
  *   http://www.mf2fm.com/rv     *
  * please do not edit anything   *
  * below that isnt the charcode! *
  *********************************/
    
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(CHECK THE NOTE);
  // ᴺᴼᵀᴱ ✉⋆ ˚ change the "CHECK THE NOTE" to a valid web character code of your symbol ! for more information read more on my site tutorial ! ｡ ⋆୨୧˚
  
//   p s s t . . ! ˚ ༘♡ ⋆｡˚ ❀
// ♡₊˚ ♫ you can replace the character code above to a different one than the others you set above it , and the symbol you set here will be the symbol that shows up on the " explosion " animation !・₊ ♪ ✧  ´ ▿ ` 
  
  
  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>

Character Codes

Character Codes are a series of number that translate into a specific symbol to the computer. Each symbol has its own Character Code.

Here is a list of character codes of some commonly used symbols!

CODE	SYMBOL	CODE	SYMBOL
10025	✩	9825	♡
10023	✧	9733	★
9835	♫	8889	⊹
10052	❄	10048	❀
9834	♪	9829	♥

Looking for a character code of a symbol that isnt on here ? find a symbol's character code!

Now that you have your character code; replace each "CHECK THE NOTE" with it !

I hope this tutorial helped you. Goodluck on your sitemaking ! ! ヾ (* '▽' *)

xo xo shai