마우스가 지정된 클래스 위에 올라갔을때를 제어 함으로써, 여러가지 효과를 줄수 있습니다.
이곳에서는 테이블의 "<td>"안에 커서가 들어갔을때를 지정 했습니다.
노란색 부분에 커서를 올려놔 보세요.

Auto <TD STYLE="cursor: auto">
Crosshair <TD STYLE="cursor: crosshair">
Default <TD STYLE="cursor: default">
Hand <TD STYLE="cursor: hand">
Move <TD STYLE="cursor: move">
e-resize <TD STYLE="cursor: e-resize">
ne-resize <TD STYLE="cursor: ne-resize">
nw-resize <TD STYLE="cursor: nw-resize">
n-resize <TD STYLE="cursor: n-resize">
se-resize <TD" STYLE="cursor: se-resize">
sw-resize <TD STYLE="cursor: sw-resize">
s-resize <TD STYLE="cursor: s-resize">
w-resize <TD w-resize">
text <TD CLASS="cursor" STYLE="cursor: text">
wait <TD STYLE="cursor: wait">
help <TD STYLE="cursor: help">

링크된 이미지의 마우스 제어법 입니다.

링크된 이미지를 위에서처럼<TD>안에 클래스를 지정해주면 될까요?
커서를 help커서로 바꿔봅니다.

<td STYLE="cursor: help"> <a href="home.htm" ><img src="images/t.gif" width=85 height=58 border=0 </a></td>
이미지위에선 안바뀌고 <TD>안에선 바뀌는군요.

그럼 반대로 <TD>안에선 변함없고, 이미지 위에서만 되게 해볼까요?
<td> <a href="#" STYLE="cursor: help"><img src="images/t.gif" width=85 height=58 border=0 </a></td>
링크된 이미지의 마우스를 제어할땐 링크태그 내에 클래스를 지정해줘야 합니다.