ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript CSS は右クリック メニュー効果コードを作成します_ナビゲーション メニュー

JavaScript CSS は右クリック メニュー効果コードを作成します_ナビゲーション メニュー

WBOY
リリース: 2016-05-16 18:57:59
オリジナル
1105 人が閲覧しました

レンダリング:
JavaScript CSS は右クリック メニュー効果コードを作成します_ナビゲーション メニュー


[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります
]

コード説明:
1. ページの読み込み中、まず、load1() メソッド
を実行して、それが IE ブラウザーであるかどうかを確認します。 現在のブラウザーが Internet Explorer の場合、document.all は true を返します。この場合、次の定義が有効になるはずです。つまり、クライアントが使用するブラウザがIEであることが検出された場合、ユーザが右クリックイベントを生成すると関数showmenuie5が呼び出され、ユーザが左クリックイベントを生成すると関数hidemenuie5が呼び出される。
2. 次に、関数 showmenuie5 と Hidemenuie5 を使用してメニューを表示および非表示にする方法を検討する必要があります。
もちろん、ここのメニューは本物の右クリックメニューではなく、自分で作ったdivで、このdivに入れたいものを入れています。マウス イベントを通じて関数を呼び出して、その表示を制御します。これにより、マウスの右ボタンを使用したのと同じ効果が得られます。
このブロックの最も外側のレイヤーは、ie5menu という ID を持つ div であり、そのスタイルをskin0 として定義しています。他のスタイルをカスタマイズして、skin0 を置き換えることもできます。
3. メニュー オプションをクリックした後の操作 jumptoie5() 関数は、右クリック メニューのレイヤーをクリックしたときの動作、つまり実行オプションを実装します。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート