2013-03-28 147 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