<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#box").mousemove(function(e){
var x = e.pageX;
var y = e.pageY;
$("#dialog").fadeIn().css({
"top":y+10,
"left":x+10
})
});
$("#box").mouseout(function(){
$("#dialog").fadeOut();
})
})
</script>
<style>
#dialog {
position: absolute;
display:none;
border:1px solid red;
width:220px;
background-color: white;
}
#box {
width:220px;
height:180px;
border:1px solid black;
cursor:pointer;
}
</style>
</head>
<body>
<div id="dialog">
"Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
</div>
<div id="box">
</div>
</body>
</html>