CSS遊標。現代和普及的方式是什麼？

Question

當在可拖動元素上移動時，我希望光標變成一隻手，一旦鼠標向下移動，直到鼠標向上移動，我想變成一隻「抓」手。什麼是適當的，跨瀏覽器兼容的方式來做到這一點？

使用谷歌搜索只會帶來從2000年的網站，與教程在IE6。 BLA！

在那裏有沒有關於這個主題的任何好的現代教程？如果不是，有人需要寫一個。這將成爲一本非常棒的雜誌文章！

Answer 1

使用jQuery框架，你可以做這樣的事情：

// 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文件的自定義光標，所以你可以寫

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