웹 페이지의 항목에따라 마우스의 모양을 변경할 수 있다면 훨씬 편리한 사용자 환경을 구축할 수 있다. 링크의 성격, 또는 메뉴의 성격에따라 마우스의 모양이 변경된다면 당연히 직관적으로 훨씬 보기 편할 것이다. 방법은 의외로 간단하다.
다음과 같이 CSS의 Cursor 속성을 이용하면 된다.
style="Cursor: wait"
물론
CSS이기 때문에
.css 파일에 저장할 수도 있고,
<STYLE> 태그를 이용할 수도 있다.
사용 가능한 값은 다음과 같다. 실제 커서의 모양을 확인하기위해서는 이름위로 마우스 커서를 올려놓으면 된다.
| hand |
wait |
help |
move |
crosshair |
| n-resize |
e-resize |
s-resize |
w-resize |
text |
| se-resize |
sw-resize |
ne-resize |
nw-resize |
default |
주1: <A>,<TD>,<FONT>등 상당히 여러 태그에서 사용할 수 있었다.
주2: CSS를 지원하는 브로우저(MSIE, Netscape)에서만 사용가능하다.
(