<SCRIPT LANGUAGE="JavaScript">
var x, y, xold, yold, xdiff, ydiff;<!--定義變量-->
var dir = Array();<!--數組用來存儲-->
dir[0] = "n-resize";<!--表示向北的方向-->
dir[1]="ne-resize";<!--表示向東北的方向-->
dir[2]="e-resize";<!--表示向東的方向-->
dir[3]="se-resize";<!--表示向東南的方向-->
dir[4] = "s-resize";<!--表示向南的方向-->
dir[5]="sw-resize";<!--表示向西南的方向-->
dir[6]="w-resize";<!--表示向西的方向-->
dir[7]="nw-resize";<!--表示向西北的方向-->
document.onmousemove = FindXY;<!--鼠標移動后，調用函數findxy-->

function display(direction) {<!--顯示鼠標形狀-->
document.body.style.cursor = dir[direction];<!--顯示direction代表的鼠標的形狀-->
}

function FindXY(loc) {
x = (document.layers) ? loc.pageX : event.clientX;<!--獲得當前鼠標的橫坐標-->
y = (document.layers) ? loc.pageY : event.clientY;<!--獲得當前鼠標的縱坐標-->
xdiff = x - xold;<!--獲得橫坐標的偏移量-->
ydiff = y - yold<!--獲得縱坐標的偏移量-->
if ((xdiff <  2) && (ydiff < -2)) display(0);<!--如果x方向上的偏移小于2，y方向上的偏移大于－2，表示移動方向向北-->
if ((xdiff <  2) && (ydiff >  2)) display(4);<!--如果x方向上的偏移小于2，y方向上的偏移大于2，表示移動方向向南-->
if ((xdiff >  2) && (ydiff <  2)) display(2);<!--如果x方向上的偏移大于2，y方向上的偏移小于2，表示移動方向向東-->
if ((xdiff < -2) && (ydiff <  2)) display(6);<!--如果x方向上的偏移小于－2，y方向上的偏移小于2，表示移動方向向西-->
if ((xdiff >  2) && (ydiff >  2)) display(3);<!--如果x方向上的偏移大于2，y方向上的偏移大于2，表示移動方向向東南-->
if ((xdiff >  2) && (ydiff < -2)) display(1);<!--如果x方向上的偏移大于2，y方向上的偏移小于－2，表示移動方向向東北-->
if ((xdiff < -2) && (ydiff >  2)) display(5);<!--如果x方向上的偏移小于－2，y方向上的偏移大于2，表示移動方向向西南-->
if ((xdiff < -2) && (ydiff < -2)) display(7);<!--如果x方向上的偏移小于-2，y方向上的偏移小于－2，表示移動方向向西北-->
xold = x;<!--更新x的坐標-->
yold = y;<!--更新y的坐標-->
}
</script>


<!--本例程實現了鼠標指針的自動變化-->
<!--變化的規律是根據鼠標的移動方向而決定的-->
<!--掌握鼠標指針形狀的改變方法-->
<!--判斷鼠標移動的方法-->