2013-03-28 99 views
-2

我已经开始探索jQuery并对事物的外观有疑问。我有一个图片,当点击切换导航栏时。当我将鼠标悬停在图像上时,我有文本选择光标。如何更改光标

我该如何改变它,使其看起来与我将鼠标悬停在href(看起来像是一个手形指针)上一样?

+0

你为什么要用jQuery这个确切的例子? CSS足够好 –

回答

3

使用CSS,你可以这样做:

img:hover { 
    cursor: pointer; 
    cursor: hand; /* If you want to support IE < 6. See http://quirksmode.org/css/user-interface/cursor.html#note */ 
} 

或者:

img{ 
    cursor: pointer; 
    cursor: hand; 
} 
+1

就我个人而言,我认为如果你教OP来支持IE5,你实际上正在做一个DISservice。 – Blazemonger

+1

这不是支持IE5的教学,它意识到并非每个解决方案都是跨浏览器。在这种情况下,它是IE5/IE8。 –

+0

太棒了,现在我们都知道,我充满了意识和技术!现在回到工作对不起,我一直试图在我的Myspace博客上的IE5上做'保证金:自动'工作' –

0

浏览器具有指针:)跨浏览器不同的名称:

img { 
    cursor: pointer; 
    cursor: hand; 
} 
+0

手只适用于IE 5.0和5.5 ... –

+0

IE 5.0和5.5仍然是浏览器,不是吗? – enb081

+0

即使它们尽可能完整地用于跨浏览器功能,太糟糕的事情也会陷入低谷;-)) –

0

如果你给它一个ID,然后使用此:

$("#id").css("cursor","pointer") 
+0

亲爱的downvoter你可以告诉我一件事,如果有人问你学习烹饪,你会教或给麦当劳的地址?这是一个关于如何通过jQuery应用css的初学者问题:-) – gaurav

+1

您说得对,为jQuery解决方案+1。即使这将是一个完全愚蠢的解决方法,如果CSS可用;-) –

2

正如有人说

img { 
    cursor: pointer; 
    cursor: hand; 
} 

但是,如果你想用你自己的'手,你可以设置自定义图像作为光标:

img { 
    cursor:url(img/hand-url.cur), default; 
} 
0

如果你想jQuery的使用,而不是首选的CSS解决方案等已经发布,你可以试试:

$('#myImage').hover(function() { 
    $(this).css('cursor','pointer'); 
}, function() { 
    $(this).css('cursor','auto'); 
}); 
+3

这是一个过度的方法。当鼠标悬停在元素上时,任何人都无所谓'cursor'属性。只需执行[此答案](http://stackoverflow.com/a/15684328/901048)中的相同结果即可。 – Blazemonger