CSSカーソル。モダンで控えめなやり方は何ですか？

Question

ドラッグ可能な要素の上を移動するときは、カーソルを手に変えたいと思っています。マウスが上がってから上に上がるまで、「つかむ」手に変えたいと思います。これを行うには、適切なクロスブラウザ互換の方法は何ですか？

これを検索すると、2000年以降のウェブサイトが表示され、IE6のチュートリアルが表示されます。 BLA！

このトピックに関する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;