Add a bouyant message on click

jq-click-message.js

var a_idx = 0;
$(document).on("click", function (e) {
  var a = new Array("Click!". "Another Click!", "Add loads");
  var $i = $("<span/>").text(a[a_idx]);
  a_idx = (a_idx + 1) % a.length;
  var x = e.pageX,
    y = e.pageY;
  $i.css({
    "z-index": 999999999999,
    "top": y - 20,
    "left": x,
    "position": "absolute",
    "font-weight": "bold",
    "color": "#f00"
  });
  $("body").append($i);
  $i.animate({
    "top": y - 180,
    "opacity": 0
  },
    1500,
    function () {
      $i.remove();
    });
});