jquery鼠标点击空白页面闪出爱心图标特效

<script>
$(function(){
   var txt="<span class='txt'></span>;
   $('body').append(txt);
  var txted=$(".txt");
   txted.css({position:"absolute",color:"red"});
var Animated=function(x){
  x.stop().animate({top:"-=80px",opacity:'1'},500,function(){$(this).animate({opacity:"0"},500);});};
$(document).on("click",function(e){
 var attr=["☺","☯","♥","♬"];
 var mathText=attr[Math.floor(Math.random()*attr.length)];
var x=e.pageX-32+"px";
var y=e.pageY-18+"px";
txted,text(mathText);
txted.css({"left":x,"top":y});
Animated(txted);
});
});
</script>