회원등록 ｜ 비번분실

ㆍ작성자 CSS
ㆍ작성일 2002-02-06 (수) 11:35
ㆍ추천: 0  ㆍ조회: 2612      
ㆍIP:
커서의 모양 바꾸기
스타일 시트를 이용한 커서모양 바꾸기입니다.
MS Internet Explorer v5.0 이상에서만 제대로 동작합니다. Nescape v4.7에서는 작동하지 않습니다.

아래의 텍스트 위에 마우스를 갖다대어보세여..~



방법은 아주 간단합니다. 보통 스타일 시트 적용하는거랑 똑같지요..
간단하게 예를 들어 볼께요..

<a href="#" style="cursor:help">help</a>
<font style="cursor:move">move</font>
<td style="cursor:n-resize">n-resize</td>


이렇게 "cursor:커서모양" 형식으로 사용되구여.. a 태그나 font 태그 table,td 태그 등에 바로 적용해서 쓰면 됩니다.
table 태그에 적용하면 테이블 내에 마우스를 가져가면 커서 모양이 바뀌겠죠..?
만약 body 태그에 적용하면 어떻게 될까요..? 네.. 커서 모양이 계속~ 바껴져 있겠죠..? ^^
커서 모양은 위 예제에 나와있는 이름을 사용하시면 됩니다..


그리고 제로보드의 경우 style.css 파일에다가 input과 textarea 클래스 부분에 cursor:hand 를 추가하면
zetyx 사이트처럼 텍스트 입력부분의 커서 모양이 손모양으로 바뀌죠..

익스와 넷츠 6.0 이상에서만 제대로 동작합니다. 넷츠 4.7은 안되네여..

아래의 텍스트 위에 마우스를 갖다대어보세여..~



방법은 아주 간단합니다. 보통 스타일 시트 적용하는거랑 똑같지요..
간단하게 예를 들어 볼께요..

<a href="#" style="cursor:help">help</a>
<font style="cursor:move">move</font>
<td style="cursor:n-resize">n-resize</td>


이렇게 "cursor:커서모양" 형식으로 사용되구여.. a 태그나 font 태그 table,td 태그 등에 바로 적용해서 쓰면 됩니다.
table 태그에 적용하면 테이블 내에 마우스를 가져가면 커서 모양이 바뀌겠죠..?
만약 body 태그에 적용하면 어떻게 될까요..? 네.. 커서 모양이 계속~ 바껴져 있겠죠..? ^^
커서 모양은 위 예제에 나와있는 이름을 사용하시면 됩니다..


그리고 제로보드의 경우 style.css 파일에다가 input과 textarea 클래스 부분에 cursor:hand 를 추가하면
zetyx 사이트처럼 텍스트 입력부분의 커서 모양이 손모양으로 바뀌죠..

예 :



  0
3500