我已经开始探索jQuery并对事物的外观有疑问。我有一个图片,当点击切换导航栏时。当我将鼠标悬停在图像上时,我有文本选择光标。如何更改光标
我该如何改变它,使其看起来与我将鼠标悬停在href
(看起来像是一个手形指针)上一样?
我已经开始探索jQuery并对事物的外观有疑问。我有一个图片,当点击切换导航栏时。当我将鼠标悬停在图像上时,我有文本选择光标。如何更改光标
我该如何改变它,使其看起来与我将鼠标悬停在href
(看起来像是一个手形指针)上一样?
使用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;
}
就我个人而言,我认为如果你教OP来支持IE5,你实际上正在做一个DISservice。 – Blazemonger
这不是支持IE5的教学,它意识到并非每个解决方案都是跨浏览器。在这种情况下,它是IE5/IE8。 –
太棒了,现在我们都知道,我充满了意识和技术!现在回到工作对不起,我一直试图在我的Myspace博客上的IE5上做'保证金:自动'工作' –
浏览器具有指针:)跨浏览器不同的名称:
img {
cursor: pointer;
cursor: hand;
}
如果你给它一个ID,然后使用此:
$("#id").css("cursor","pointer")
亲爱的downvoter你可以告诉我一件事,如果有人问你学习烹饪,你会教或给麦当劳的地址?这是一个关于如何通过jQuery应用css的初学者问题:-) – gaurav
您说得对,为jQuery解决方案+1。即使这将是一个完全愚蠢的解决方法,如果CSS可用;-) –
正如有人说
img {
cursor: pointer;
cursor: hand;
}
但是,如果你想用你自己的'手,你可以设置自定义图像作为光标:
img {
cursor:url(img/hand-url.cur), default;
}
如果你想jQuery的使用,而不是首选的CSS解决方案等已经发布,你可以试试:
$('#myImage').hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});
这是一个过度的方法。当鼠标悬停在元素上时,任何人都无所谓'cursor'属性。只需执行[此答案](http://stackoverflow.com/a/15684328/901048)中的相同结果即可。 – Blazemonger
你为什么要用jQuery这个确切的例子? CSS足够好 –