[펌글] 마우스 커서 손모양으로 바뀌게 하기

By | 3월 23, 2009

* jQuery를 사용한다면 다음과 같이 처리할 수 있다.

     $(obj).css('cursor', 'pointer');

* 되돌리기

      
$(obj).css('cursor', 'default'); 

* 참고
     mouseover 이벤트와 착각하지 말자! 이벤트 바인딩이 아니라 CSS다!

 예전에는 아래와 같은 것들을 사용했었는데 지금은 jQuery가 편리해서 아래의 방법은 잘 사용하지 않는다.
-----------------------------------------------------------------------------------------------------------------

예1) img 태그 등에서 다음의 속성 사용
     
      <img ... onclick="function01()" onmouseover="this.style.cursor='hand'"/>

예2) a 태그 에서 다음과 같이 사용

       <a href="" onclick="function01();return false" ></a>

         
          => href에 ""가 아닌 "#"를 해 주면 스크롤바를 리셋시키므로 #을 빼자          
          => return false를 해 주지 않으면 엉뚱한 곳으로 이동을 시도한다 -_-;
          => 마우스오버시 URL이 표시된다.
    
 

- 출처 : 네이버 지식인 -

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments