HTML PROGRAM TO DISPLAY THE IMAGE WHEN THE MOUSE BUTTON IS CLICKED

<?xml version="1.0" encoding="utf-8"?>
<!doctype html public "-//W3C//DTD html1.1 //EN"
"http://www.w3.org/TR/html11/dtd/html11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <title>The Img </title> </head>
<body onmousedown="displayit(event);">
<script type="text/javascript">
function displayit(evt)
{
var dom=document.getElementById("message");
dom.style.left=(evt.clientX)+"px";
dom.style.top=(evt.clientY)+"px";
}
</script>
<p>

<img id="message" style="position:absolute;top:10px;left:0px;" src="a.jpg" height=100 width=100 alt="the nature img"/>
</p>
</body>
</html>

The output will be appear as below:-