Demo of mouse move event in Jquery

CSS

<style>
.msg{ 
position: absolute;
FONT-SIZE: 12px;
font-family: Verdana;
border-style: solid;
border-width: 1px;
border-color:red;
padding:10px;
width:350px;
height:50px;
 background-color: #f1f1f1;
display:inline;

}
</style>

HTML

<div id=d1 class='msg'>Move Mouse over this box</div>
<div id='t1' style="position:absolute;"></div>

jquery

<script>
$(document).ready(function() {

$('#d1').mousemove(function(){
$("#t1").html('You have moved the mouse inside box');
});

$('#d1').mouseout(function(){
$("#t1").html('You have moved Out ');
});

})
</script>