ウェブページ全体でjqueryでマウスカーソルを非表示にする方法。 私はこのjqueryでマウスカーソルを非表示にする方法
$(document).ready(function(){
$(body).css({
'cursor' : 'none'
});
});
を試してみました。しかし、これはすべてのブラウザで動作していません。これを実装するプラグインはありますか?
ありがとうございました。
ウェブページ全体でjqueryでマウスカーソルを非表示にする方法。 私はこのjqueryでマウスカーソルを非表示にする方法
$(document).ready(function(){
$(body).css({
'cursor' : 'none'
});
});
を試してみました。しかし、これはすべてのブラウザで動作していません。これを実装するプラグインはありますか?
ありがとうございました。
$('body').css('cursor', 'none');
私はちょうど私の質問を編集しました。 – KillerFish
'body'を囲む引用符が重要です。 –
また、これはFlashムービーの上をホバリングするときには機能しません。ムービー自体で処理する必要があります。さらに、これは、CSSでカーソルの名前を明示的に指定する要素では機能しません。 http://bugs.jquery.com/ticket/2066を参照してください –
jQueryメソッドとは関係ありませんが、実際にはページのCSSです。
body要素がページ上に実際に表示されていることを確認してください(firebugを使用)。オーバーフローがデフォルトでautoに設定されているため内容が異なる可能性がありますが、body heightとwidthも100% )あなたが画面上にマウスを移動しているとき、それは実際に(body.mouseoverを呼び出すこと
を確保するためには、ここでは透明のdivオーバーレイ(絶対位置とのdiv、100%の使用に関するhttp://jsfiddle.net/Ilmv/XQmqe/
@ILMV:Google Chromeはこれをサポートしていません...クロームカーソルで表示されています...あなたの作業例でも... – KillerFish
これは面白いです私... Google Chromeを使用しています。私は現時点でjsFiddleに問題があります。私はあなたに連絡します。 –
私はusignですGoogle chrome 8.0.552.215 beta – KillerFish
何を»作業例です幅と高さ、および正のz-インデックス)を設定します。次に、jQueryを使用してオン/オフを切り替えます。
ドキュメントの構造に応じて、 'absolute'の代わりに' fixed'を置くことが考えられます。 –
@Victor、それはアイデアかもしれません。私の計画の唯一のしゃっくりは、ページがクリアdivからスクロールできるウィンドウより長い場合です。オーバーフローを取り除く! – PseudoNinja
すべてのブラウザで間違いなく動作するはずです。カーソルが現れる要素をFirebugにチェックインし、明示的な「カーソル:ポインタ」があるかどうかを確認します。または同等の設定。
私はあなたがブロックする可視性を設定する準備ができたらdiv要素でオーバーレイを作ることができると思います。
HTMLのCODE:
<div>Test</div>
CSSコード:
div {
position: fixed;
left: 0%;
width: 100%;
height: 100%;
cursor: none;
visibility: block;
}
はそれをuを助けることを願って... 私はjsfiddle上でそれをテストし、それが私のために多分それは何のuを
作品find
Chromeはサポートしていません.. – KillerFish
@killerfish:私はChromeでテストしていませんが、私はdiv bodyを使用していません...なぜそれは動作しません.. –
もう1つの解決方法は、custoカーソルとして透明なICO/PNGファイル。
cursor: url('my-transparent-cursor.ico');
だから、ユーザーはカーソルを持っていますが、透明で見えません。ちょうど私の2セント。
元のコードでbodyのシングルクォートを指定しましたか? – kobe
@gov:ここでは一重引用符を付けるのを忘れていましたが、私は自分のプロジェクトに与えました。 – KillerFish
上記のコードで..firefoxのみサポート.. – KillerFish