我已經開始探索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足夠好 –