Move Cursor Image

Move Cursor Image

<html>
<head>
<script type=”text/javascript”>
function cursor(event){
document.getElementById(‘trail’).style.visibility=”visible”;
document.getElementById(‘trail’).style.position=”absolute”;
document.getElementById(‘trail’).style.left=event.clientX+10;
document.getElementById(‘trail’).style.top=event.clientY;}
</script>
</head>
<body>
<div onmousemove=”cursor(event)” width=”200px” height=”200px” style=”background:red”>
<h1>Move the cursor over this Area</h1>
<img id=”trail” style=”visibility:hidden” src=”paktutorial.png” width=”100″ height=”30″ ></div>
</body>
</html>

DEMO HERE

DOWNLOAD SOLUTION HERE