CSS 커서. 현대적이고 견실 한 방법은 무엇입니까?

Question

드래그 가능한 요소 위로 이동할 때 커서가 손 모양으로 바뀌고 마우스를 올리려고 할 때까지 "잡는"손으로 변경하고 싶습니다. 이렇게하려면 적절한 크로스 브라우저 호환 방법은 무엇입니까?

인터넷 검색은 IE6에 대한 자습서와 함께 2000 년부터 웹 사이트를 가져옵니다. 블레어!

이 주제에 대한 유용한 MODERN 자습서가 있습니까? 그렇지 않은 경우, 누군가가 하나를 써야합니다. 그것은 훌륭한 스매싱 잡지 기사를 만들 것입니다!

Answer 1

을 쓸 수 있다면, 당신이 뭔가를 할 수 있습니다 :

라이브 예를 들어

// define a hover event so that when you hover over and out of the dragable element 
// the cursor changes accordingly 
$('#element').hover(function(){ 
    $(this).css('cursor','move'); 
} , function(){ 
    $(this).css('cursor','default'); 
}); 

// this cursor property is only supported in mozilla, but here you can insert 
// an image as other posters have specified 
// this event changes the cursor when you click the dragable element 
$('#element').mousedown(function(){ 
    $(this).css('cursor','-moz-grabbing'); 
}); 

// this event changes the cursor back to the default type after you let go 
// of the dragable element 
$('#element').mouseup(function() { 
    $(this).css('cursor','default'); 
}); 

이 체크 아웃 : http://jsfiddle.net/EaEe3/ 좀 더 자세한 정보가 필요하면 알려주세요. 이게 도움이 되길 바란다.

Answer 2

사용 CSS :

http://www.w3schools.com/css/pr_class_cursor.asp

.myElement { 
    cursor: move; 
} 

.myCustomCursor { 
    cursor: url(myCoolCursor.gif); 
} 

Answer 3

PROPPER 방법은 귀하의 경우 '이동'으로, cursor 규칙 기본값을 사용하는 것입니다.

당신이 IE를위한 .CUR 파일과 다른 사람에 대한 PNG/GIF 파일이 있어야합니다 사용자 정의 커서를 원하는, 그래서 당신이 jQuery를 프레임 워크를 사용

cursor:url(notie.png),url(ie.cur),move;