2010-12-14 11 views
6

ウェブページ全体でjqueryでマウスカーソルを非表示にする方法。 私はこのjqueryでマウスカーソルを非表示にする方法

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

を試してみました。しかし、これはすべてのブラウザで動作していません。これを実装するプラグインはありますか?

ありがとうございました。

+0

元のコードでbodyのシングルクォートを指定しましたか? – kobe

+0

@gov:ここでは一重引用符を付けるのを忘れていましたが、私は自分のプロジェクトに与えました。 – KillerFish

+0

上記のコードで..firefoxのみサポート.. – KillerFish

答えて

2
$('body').css('cursor', 'none'); 
+0

私はちょうど私の質問を編集しました。 – KillerFish

+0

'body'を囲む引用符が重要です。 –

+0

また、これはFlashムービーの上をホバリングするときには機能しません。ムービー自体で処理する必要があります。さらに、これは、CSSでカーソルの名前を明示的に指定する要素では機能しません。 http://bugs.jquery.com/ticket/2066を参照してください –

1

jQueryメソッドとは関係ありませんが、実際にはページのCSSです。

body要素がページ上に実際に表示されていることを確認してください(firebugを使用)。オーバーフローがデフォルトでautoに設定されているため内容が異なる可能性がありますが、body heightとwidthも100% )あなたが画面上にマウスを移動しているとき、それは実際に(body.mouseoverを呼び出すこと

を確保するためには、ここでは透明のdivオーバーレイ(絶対位置とのdiv、100%の使用に関するhttp://jsfiddle.net/Ilmv/XQmqe/

+0

@ILMV:Google Chromeはこれをサポートしていません...クロームカーソルで表示されています...あなたの作業例でも... – KillerFish

+0

これは面白いです私... Google Chromeを使用しています。私は現時点でjsFiddleに問題があります。私はあなたに連絡します。 –

+0

私はusignですGoogle chrome 8.0.552.215 beta – KillerFish

0

何を»作業例です幅と高さ、および正のz-インデックス)を設定します。次に、jQueryを使用してオン/オフを切り替えます。

+0

ドキュメントの構造に応じて、 'absolute'の代わりに' fixed'を置くことが考えられます。 –

+0

@Victor、それはアイデアかもしれません。私の計画の唯一のしゃっくりは、ページがクリアdivからスクロールできるウィンドウより長い場合です。オーバーフローを取り除く! – PseudoNinja

0

すべてのブラウザで間違いなく動作するはずです。カーソルが現れる要素をFirebugにチェックインし、明示的な「カーソル:ポインタ」があるかどうかを確認します。または同等の設定。

0

私はあなたがブロックする可視性を設定する準備ができたらdiv要素でオーバーレイを作ることができると思います。

HTMLのCODE:

<div>Test</div> 

CSSコード:

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

はそれをuを助けることを願って... 私はjsfiddle上でそれをテストし、それが私のために多分それは何のuを

作品find

+0

Chromeはサポートしていません.. – KillerFish

+0

@killerfish:私はChromeでテストしていませんが、私はdiv bodyを使用していません...なぜそれは動作しません.. –

1

もう1つの解決方法は、custoカーソルとして透明なICO/PNGファイル。

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

だから、ユーザーはカーソルを持っていますが、透明で見えません。ちょうど私の2セント。

関連する問題