Mouse pointer set on click
HTML
<div class="content" style="display:none">This is my Div for content</div>
CSS
.click{border:1px solid red; }
.content{border:1px solid green; width:200px; height:100px;position:absolute; top:5px;}
JavaScript
(function(){
$(this).on('mouseover', function(e) {
$(".content").css({
top: e.pageY - 50,
left: e.pageX - 100
}).show();
});
})();