グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教えてください。
個別ページ毎にactなどとクラスをいちいち割り振るのではなく、JavaScriptで、パッと一気に処理したいと考えています。
ネットを探し回って、「カレントページ」「マウスオーバー」それぞれに対応する記述は見つけたのですが、それらを組み合わせると期待通りの動作となりません。具体的には、カレントページで、グローバルメニューをマウスオーバーした際、マウスオーバー画像へ変わるまではよいのですが、マウスアウトした時点で、カレントではない、ノーマル画像へと変更されてしまいます。(リロードすると、カレントメニュー画像へと戻るのですが…)
「カレントページにいるときは、マウスオーバー画像を表示させずにカレントメニュー画像のままにしとく」
あるいは、
「カレントページでマウスアウトした際はカレントメニュー画像を、その他のページでマウスアウトした際はノーマルメニュー表示させる」ようにするためには、どうしたらよいでしょうか?
スクリプトそのものを教えていただけると一番有難いのですが、難しいようであれば、参考になるサイト等でも構いません。何らしかのヒントだけでも、誰かくださいー。
No.1ベストアンサー
- 回答日時:
どのような方法を用いているのか不明ですが…
>リロードすると、カレントメニュー画像へと戻るのですが
ロードしたときにページを判定していると思いますが(クッキーかURLかあるいはページ内に記してあるかなど)、その値を保持しておいて、マウスオーバー処理の最初に、カレントページだったら何もしないようにすれば良いだけでは?
>マウスオーバー画像へ変わるまではよいのですが
もし、カレントページでもマウスオーバー処理をするのでよいのなら、(↑)ではなくマウスアウトの処理のところで判定するようにするか、またはロード時の処理を最後に実行させればよいかも。(←どのように作られているかにもよりますけれど)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- Excel(エクセル) Excel 在庫管理について 3 2023/02/09 10:00
- AJAX 自作の地図をグーグルマップのようにしたい 3 2022/11/15 11:53
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- Word(ワード) wordでセクションを区切っているのに、ページ番号の設定が連動してしまいます。対応を教えてください! 2 2022/05/25 12:36
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- 教えて!goo 質問ページがエラーになるサイト 1 2022/05/29 20:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
こんなことてしますか??
-
ImageMagickでgif画像の一部が...
-
UWSC 画像判定と条件分岐について
-
「using Windows」でエラーが出る
-
UWSC「画像が無い場合」
-
Pythonでgif画像が上手く作れない
-
vb.net 画像の透過について
-
背景画像の繰り返しについて
-
jqueryスライダーを2段でスライ...
-
【EXCEL VBA】ダブルクリックで...
-
同じ画像を複数回表示させる
-
HTMLで画像をポップアップで表...
-
UWSCでループ処理がうまくいき...
-
uwscの画像認識に失敗します。
-
UWSC 画像認識で条件分岐
-
Excel ユーザーフォームで表示...
-
C# Picturebox 縮小・拡大時の...
-
画像のバックを透明にする方法を
-
UWSCの画像認識と条件分岐につ...
-
ActionScriptで画像のフェード...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
こんなことてしますか??
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
VBA シート毎に画像挿入
-
生成AI画像について
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
UWSCの色判定
-
UWSC 画像判定と条件分岐について
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
vb.net 画像の透過について
-
【WPF】画像の切り替え
-
背景画像の繰り返しについて
-
「using Windows」でエラーが出る
-
画像処理したBitmapをピクチャ...
-
スマホでサイトの画像を長押し→...
-
UWSC 画像認識で条件分岐
おすすめ情報