如何用jquery隱藏鼠標光標

如何在整個網頁中用jquery隱藏鼠標光標。我想這如何用jquery隱藏鼠標光標

$(document).ready(function(){ 
     $(body).css({ 
      'cursor' : 'none' 
     }); 
});

但是，這是不是在所有的瀏覽器工作。有沒有任何插件來實現這一點。

在此先感謝。

2010-12-14 KillerFish

你給你的原代碼中的身體單引號？ – kobe 2010-12-14 08:34:11

@gov：在這裏我忘了給單引號，但是，我給了我的項目。 – KillerFish 2010-12-14 08:38:18

通過上面的代碼..火狐只支持.. – KillerFish 2010-12-14 08:52:06

$('body').css('cursor', 'none');

2010-12-14 08:30:50

大腦我剛編輯我的問題。 – KillerFish 2010-12-14 08:31:29

圍繞「身體」的引號很重要。 – 2010-12-14 08:34:20

此外，當懸停在Flash影片上時，這將不起作用 - 這將需要在影片本身中處理。另外，這對於在CSS中明確指定遊標的元素不起作用。請參閱http://bugs.jquery.com/ticket/2066 – 2010-12-14 08:34:49

我敢打賭，它無關，與jQuery的方法，但實際上你的頁面的CSS。

確保（使用螢火蟲）body元素在頁面上實際可見，其內容可能是因爲默認情況下溢出設置爲auto，但您還需要將body height和width設置爲100％以確保當你在屏幕上移動鼠標，它實際上調用body.mouseover（）

2010-12-14 09:03:20

@ILMV：谷歌瀏覽器不支持這一點...在Chrome光標是可見的...即使在你的工作示例.. – KillerFish 2010-12-14 09:11:04

這很有趣，它工作我...並使用Google Chrome。我現在遇到了jsFiddle的問題，我會盡快回復您。 – 2010-12-14 09:13:59

我正在使用Google chrome 8.0.552.215 beta – KillerFish 2010-12-14 09:15:12

有關使用透明的div覆蓋（DIV與絕對位置，100％是什麼寬度和高度以及正z-索引），並將光標設置爲無。然後使用jQuery來打開/關閉它？

2010-12-20 20:48:23 PseudoNinja

根據文檔的結構，將position設置爲fixed而不是absolute可能是一個想法。 – 2010-12-21 16:26:23

@Victor，這可能是一個想法。我的計劃中唯一的呃逆是如果頁面長於窗口，他們可以從清晰的div中滾動出來。刪除溢出！ – PseudoNinja 2010-12-21 16:30:08

應該在所有瀏覽器中都能正常工作。在firebug中檢查光標出現的元素，看看它是否有明確的「光標：指針;」或同等設置。

2010-12-21 16:10:40 Jamie

我認爲你可以使用div元素覆蓋當頁面準備好時你設置可見性阻止。

HTML代碼：

<div>Test</div>

CSS代碼：

div { 
    position: fixed; 
    left: 0%; 
    width: 100%; 
    height: 100%; 
    cursor: none; 
    visibility: block; 
}

希望它可以幫助ü.. 我測試它jsfiddle和它的作品對我來說

也許它什麼ü找到

2010-12-23 05:01:55

Chrome不支持.. – KillerFish 2010-12-24 04:24:09

@killerfish：我沒有在Chrome上測試它，但我使用div而不是body ...爲什麼它不起作用.. – 2010-12-24 13:26:06

另一個解決方案可以通過加載custo m透明的ICO/PNG文件作爲遊標。

cursor: url('my-transparent-cursor.ico');

所以現在用戶有光標，但是透明，不可見。只是我的兩分錢。

2015-07-21 23:59:43 Manny

回答