jQuery-OnHover-show-POPUP

<!-- To test this in live, add RunFor in front of github.com -->


<a href="#" id="MyTrigger">Hover on this link</a>.


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" ></script>
<style type="text/css">
#MyAudDownPop{display:none; position:absolute; width:280px; padding:10px; background:#eeeeee; color:#000000; border:1px solid; font-size:90%;}
</style>
<script type="text/javascript">
  function MyHintDispp() {
	var moveLeft = 20;
	var moveDown = 10;
	
	$('#MyTrigger').hover(function(e) {
	  $('#MyTrigger').click(function(e) { e.preventDefault(); }); //disable Default Click action
	  $('body').append('<span id="MyAudDownPop">Your messageeeeeeeeee </span>'); //create element manually
	  
	  $('#MyAudDownPop').show();
	  $('#MyAudDownPop').css({'top': e.pageY + moveDown, 'left': e.pageX + moveLeft});
	}, function() { 
		//$('#MyAudDownPop').hide(); 
		$('#MyAudDownPop').remove(); 
	});
	
	$('#MyTrigger').mousemove(function(e){ $("#MyAudDownPop").css({'top' :e.pageY + moveDown, 'left':e.pageX + moveLeft});});
	
  };
  $(function() { MyHintDispp(); }); //Trigger After Jquery(+elements) is loaded
</script>