JavaScript ~ 滑鼠帶圖

 

(1) 請將以下程式複製到 html 檔案的 <body> 標記下即可:
<BODY>
<div align="center">
<center>
<table border="0" width="400">
<tr> 
<td align="center">
<div id=cursor style="HEIGHT: 25px; LEFT: 100px; POSITION: absolute; 
TOP: 160px; VISIBILITY: visible; WIDTH: 100px"><img src="image/flydr.gif"></div>
<script language=JavaScript> <!-- 注意修改你適合的圖檔名稱及路徑--> 
<!--
function YY_Mousetrace(evnt) { 
if (yyns4)
{if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} }
else{
yy_ml=(event.clientX + document.body.scrollLeft);
yy_mt=(event.clientY + document.body.scrollTop);
}
if (yy_tracescript)eval(yy_tracescript)
}

function m()
{
document.all.cursor.style.left=yy_ml+10
document.all.cursor.style.top=yy_mt+10
}


//-->
</script>
<script language=JavaScript>
<!--
var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0;
if (yyns4) document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = YY_Mousetrace;
yy_tracescript = 'm()';
//-->
</script>
</table>
</center>
</div>
</BODY>