mousemove event in jQuery

Follow @lookkleweb

mousemove method sends an event to an html element when the mouse is moved over the selected element.

Example: Moving the mouse over the div element creates a new div element in the shape of a square.

html(). Creates html code in the selected element.

<div id="my_div">ADD Square</div>
  <!--Script jQuery-->
<script>
  $("#my_div").mousemove(function() {
    var square = '<div style="width:100px;height:100px;border:1px solid black;"></div>';
    $('#my_div').html(square);
  });
</script>

xxxxxxxxxx
 
<div id="my_div">ADD Square</div>
  <!--Script jQuery-->
<script>
  $("#my_div").mousemove(function() {
    var square = '<div style="width:100px;height:100px;border:1px solid black;"></div>';
    $('#my_div').html(square);
  });
</script>                                