はじめまして。誰か助けて下さい、今困っています(><)
初めての投稿ですのでもし、わかりづらい文章で不快な思いをさせてしまいましたらすいません。ですが皆さんの知識をお借りしたく質問させて貰いました。
質問の内容ですが、今サイトを作成している最中なのですがTOPメニューの作成でつまずいてしまいました。
DREAMWEABERで作成しているのですが、その中にある機能Spryメニューバーでそれらしいものは作成できるのですが私の作りたい物が出来ません(>_<)
参考イメージは下記のトヨタのサイトです。
http://toyota.jp/
このサイトのようにメニューにマウスを乗せたらbackground-imageも切り替わりつつ下にサブメニューがでるようにしたいのですが、
サイトが複雑&Javascriptが知識が非常に薄く理解出来ませんでした。CSSはレイアウトしたりするかじった程度です。
どなたか優しく教えて貰えると嬉しいです。あとコードも添えて貰えると非常に助かります。
ご無理を言って申し訳ないですがよろしくお願い致します。
No.1ベストアンサー
- 回答日時:
スクリプトベースでやるなら、「javascript ドロップダウンメニュー」あたりを
キーに検索すれば、それこそごまんと見つかります。
シンプルな短いものから、ライブラリーを利用した複雑なものまで。
そのあたりから、好きなものを選んでくればよいでしょう。
(コードも配布されていますし、設置方法も説明されています)
<以下は例として>
http://jsajax.com/DropDownMenuArticle286.aspx
http://www.stylish-style.com/csstec/ultimate/css …
http://www.dynamicdrive.com/dynamicindex1/ddsmoo …
http://deluxe-menu.com/?gclid=CLKTyZWP6pgCFQjXbg …
http://gigazine.net/index.php?/news/comments/200 …
http://gigazine.net/index.php?/news/comments/200 …
http://andyou.sakura.ne.jp/tool/ddmenu.html
ご返答有難う御座いました。
大変参考になりましたm(><)m
あと申し訳ないんですがもうひとつのロールーオーバ化が良く分かりませんでした(><)
参考に読ませてもらったサイトや検索して自分なりにまた調べて見たのですがドロップダウンメニューにさらに自分の作成したボタンを使用しマウスを乗せた時にその画像も変わるようにしたいのですが他にも参考になるサイトはないでしょうか?画像は一番上?の階層だけに対応できればいいのですが。
大変申し訳ないですがよろしくお願い致します。
No.2
- 回答日時:
こんにちは
>ロールーオーバ化が良く分かりませんでした(><)
意味しているところがよくわかりませんが、
>マウスを乗せたらbackground-imageも切り替わりつつ下に
>サブメニューがでるようにしたいのですが
を意味しているのでしょうか?
例えば↑例の2番目のものはCSSで background-colorを変えていますが、このタイミングで background-imageを変えればimageで同じことが可能です。
javascriptで実現しているタイプのものも基本的には同じで、mouseoverのイベント処理のなかでimageなりcolorを変えていますので、そこをお好みに合うようにすればよろしいかと。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- 分譲マンション 管理組合・議案書内の理事長の挨拶文書作成にについて 2 2023/03/26 01:56
- ビジネスマナー・ビジネス文書 管理組合・議案書内の理事長の挨拶文書について 1 2023/03/25 23:54
- ホームページ作成・プログラミング ICT活用し特定の生徒のみアンケートをとるには 1 2022/12/13 15:20
- Visual Basic(VBA) 【ExcelVBA】動的にボタン、ボタン名を生成できますか? 7 2022/04/08 12:54
- Chrome(クローム) VMWareを使用して、ChromeOSをWindows11のPCに入れたい 1 2022/11/15 19:04
- WordPress(ワードプレス) Wordpress 複数プラグインの不具合? 1 2022/10/09 21:52
- CPU・メモリ・マザーボード 質問お願いします 「「RAM2GB+拡張4GB」などと書いてあるのは、搭載されているメモリ(RAM) 6 2023/08/28 12:31
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- ダイエット・食事制限 ローファットダイエットについてアドバイスをください。 現在、体脂肪率が28で肥満1型になった旦那のダ 1 2022/09/03 09:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
階層化されたメニューの作り方
-
プルダウンメニューの作成方法
-
Vba SelStart、SelLen教えてく...
-
正整数の半角数字かどうか判定する
-
「終了していない文字列型の定...
-
初心者です。gulpでコンパイル...
-
javascript:void(0)とは何でし...
-
表示ページによって、aタグ内の...
-
ASPでエクセルの起動
-
VC#でテキストボックスに変数の...
-
C#でボタン名を変更しても動く
-
JavascriptでのExcel起動について
-
現在日付を初期値にするには
-
正規表現について
-
Access VBAで、数字だけをチェ...
-
クロスドメインでクッキーの取得
-
c言語で「文字列(最大80文字)お...
-
ネットスケープでJavaScriptの...
-
JSでファイル数取得
-
javascriptの効かないサーバー...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Windows Form のMSChartで、グ...
-
amazonの商品画像拡大のようなj...
-
リンク先をマウスが移動すると...
-
「光の三原色」みたいな「三つ...
-
画像の上にマウスをもってくる...
-
JavaScriptでwebAPIを呼び出す方法
-
静止写真を『じわっと』でる感じに
-
ポップアップヘルプをフレーム...
-
画像のポップアップ
-
ページ全体の拡大/縮小が行え...
-
d3.jsを使っての折れ線グラフと...
-
if(1){...}とはどういうことで...
-
Vba SelStart、SelLen教えてく...
-
JavaScriptで ブラウザの閉じる...
-
ブラウザ自体の事じゃなくてJav...
-
VB.NET2003 テキストボックスに...
-
JSPの処理の途中で、JavaScript...
-
gas 全角数字を半角数字に変換
-
デザイン時のVisible=Falseは実...
-
「終了していない文字列型の定...
おすすめ情報