반응형
마우스 커서의 모양을 바꿔 줄 수 있습니다. style속성은 cursor이며, 값은
default, auto, help, crossha, pointer, wait, text, move 가 있습니다.
예제로 바로 확인 할 수 있습니다.
<body>
<a href="#" style="cursor:default;">기본값</a><br />
<a href="#" style="cursor:auto;">자동으로 커서 설정</a><br />
<a href="#" style="cursor:help;">도움말</a><br />
<a href="#" style="cursor:crosshair;">표시</a><br />
<a href="#" style="cursor:pointer;">손모양</a><br />
<a href="#" style="cursor:wait;">모래시계</a><br />
<a href="#" style="cursor:text;">텍스트</a><br />
<a href="#" style="cursor:move;">움직임</a><br />
</body>
실행후 문자열에 마우스 포인터를 이동하시면 커서 모양이 바뀌는것을 확인 할 수 있습니다.
16.마우스커서관련.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 18.CSS - 스크롤바-스타일 지정 (0) | 2009.07.29 |
|---|---|
| 17.CSS - 링크(link)스타일 지정 (0) | 2009.07.29 |
| 15.CSS - 배경관련스타일 (0) | 2009.07.29 |
| 14.CSS - 테두리외각선 (0) | 2009.07.29 |
| 13.CSS - 여백관련 (0) | 2009.07.29 |
Comments