Homework Sourse68 The document must have a small image of yourself which mu
6.8 The document must have a small image of yourself, which must appear at the position of the mouse cursor when the mouse button is clicked, regardless of the position of the cursor at the time.
Solution
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 200px;
height: 100px;
border: 1px solid black;
}
</style>
</head>
<body onclick=\"placeImg(this)\">
<div id=\"demo\">
<img src=\"abc.jpg\">
</div>
<script>
function placeImg(event) {
var x = event.clientX;
var y = event.clientY;
var z=document.getElementById(\'demo\');
z.style.top=y;
z.style.left=x;
}
</script>
</body>
</html>
