如何用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

回答