Question

当在可拖动元素上移动时，我希望光标变为手，鼠标向下直到鼠标向上我想要改为“抓住”手。什么是正确的，跨浏览器兼容的方式来做到这一点？

谷歌搜索这个只会带来一两千年的网站，并提供有关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

适当的方法是使用cursor规则默认值，在您的情况下使用'move'。

如果你想要一个自定义光标，你必须有一个IE的.cur文件和其他人的png / gif文件，所以你可以写

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

Answer 3

使用CSS：

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

.myElement { 
    cursor: move;
}

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

CSS游标。什么是现代和正确的方式？

3 个答案: