Highlight clicks

by Luiz Silva

HTML

<div class="bola" style="display:none"></div>
<div style="width:200%;height:300%">teste</div>

CSS

.bola {
    width: 10px;
    height: 10px;
    background: blue;
    border-radius: 5px;
}

JavaScript

$(document).click(function(e) {
    $(".bola:eq(0)").clone().appendTo("body").css({
        position: "absolute",
        top:e.pageY-5,
        left:e.pageX-5
    }).fadeIn(150).delay(300).fadeOut(300, function() { $(this).remove() });
});