CSS imleçleri. Modern ve propper yolu nedir?

Question

Sürüklenebilir bir öğe üzerinde hareket ederken, imlecin bir elin üzerine gelmesini ve farenin üzerine farenin üzerine gelene kadar "kapma" eline geçmek istiyorum. Bunu yapmak için uygun, çapraz tarayıcı uyumlu bir yol nedir?

Bu web sitesi yalnızca IE6'daki eğitimlerle birlikte iki bin yıl öncesine ait web siteleri getirir. BLA!

Bu konuyla ilgili iyi bir MODERN öğreticisi var mı? Değilse, birinin bir tane yazması gerekir. Bu harika bir ezici dergi makalesi yapar!

Answer 1

yazabilir varsa, böyle bir şey yapabileceğini :

canlı Örneğin

// 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'); 
}); 

, bu check out: http://jsfiddle.net/EaEe3/ daha fazla bilgiye ihtiyaç olursa haber verin. Umarım bu yardımcı olur.

Answer 2

kullanma CSS:

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

.myElement { 
    cursor: move; 
} 

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

Answer 3

screensize yolu durumda 'hareket' olarak, cursor kural varsayılan değerleri kullanmaktır.

Eğer IE için bir KKO dosyası ve diğerleri için bir png/gif dosyası olmalıdır Özel bir imleç istiyorum, bu yüzden jQuery framework kullanarak

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