Demo
Code
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#divId").mousemove(function(event) {
msg= event.pageX+ ", " + event.pageY;
$("#pointer").css({"left":event.pageX+10,"top":event.pageY+10}).text(msg);
});
});
</script>
<div id="divId" style="width:200px;height:200px;border:1px solid #F0F0E0;background-color:FFFFF0"></div>
<span style="position:absolute;cursor:default" id="pointer"></span>
Code
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#divId").mousemove(function(event) {
msg= event.pageX+ ", " + event.pageY;
$("#pointer").css({"left":event.pageX+10,"top":event.pageY+10}).text(msg);
});
});
</script>
<div id="divId" style="width:200px;height:200px;border:1px solid #F0F0E0;background-color:FFFFF0"></div>
<span style="position:absolute;cursor:default" id="pointer"></span>
Comments
Post a Comment