Tryit Editor v1.4

<html>
<head>
<script type="text/javascript">
function cursor(image)
{
trail.innerHTML="<img src='https://w3schools.sinsixx.com/dhtml/" + image + "' />";
trail.style.visibility="visible";
trail.style.position="absolute";
trail.style.left=event.clientX+10;
trail.style.top=event.clientY;
}

function hidecursor()
{
trail.style.visibility="hidden";
}
</script>

</head>
<body>

<h1>Mouse over these links</h1>
<a href="../default.asp.htm" onmousemove="cursor('w3schools.gif')" onmouseout="hidecursor()">W3Schools.com</a><br />
<a href="https://w3schools.sinsixx.com/www.altavista.com/default.htm" onmousemove="cursor('altavistalink.gif')" onmouseout="hidecursor()">AltaVista</a><br />
<a href="https://w3schools.sinsixx.com/www.yahoo.com/default.htm" onmousemove="cursor('yahoolink.gif')" onmouseout="hidecursor()">Yahoo!</a><br />

<span id="trail" style="visibility:hidden">Hello</span>

</body>
</html>

Your Result:

Edit the code above and click to see the result.

W3Schools.com - Try it yourself