マウスオーバーでするすると出てくるメニュー

名称が良くわからないので質問します。

メニューなのですが、最上部に設置しマウスオーバーで下にするすると出てくるようなものを探しています。
新しいメニューボタンが出てくるのではなく、ボタンの一部が隠れていてマウスオーバーで全部見えるようになると言えばよいでしょうか…

こういうのは何という名称で探せばよいでしょうか?また、参考になるサイトがあれば教えてください。

--追記--
画像追加します。
![イメージ説明]WIDTH:385

行動規範の内容に同意します

回答3件

ベストアンサー

こんにちは。

もしかしたら、jQuery Sliding Menu Plugin のようなものでしょうか。
![イメージ説明]WIDTH:559
なお、参考画像はブルー系ですが、タグやテキストなどの色は紹介サイト（リンク）にあるとおり変更できます。挙動のデモはこちら（リンク）でごらんいただけます。

※くわしくは、紹介サイトからソースコードをダウンロードして中身を確認してください。

おまけ
そのほか、こんなタイプのメニューもあります。
動きが少々ポップな印象ですが、サイトの性格にフィットすれば使えると思います。
![イメージ説明]WIDTH:500
紹介サイト（リンク）、デモサイト（リンク）

投稿2015/01/29 07:24

退会済みユーザー

総合スコア0

terataka

2015/01/29 07:32

返答ありがとうございます! 動きはこんな感じです! ただ、これはテキストと背景色の組み合わせですよね… フォント等を自由に設定したいので、出来れば背景からすべて画像でやりたかったんですがこれでは無理ですよね?

退会済みユーザー

2015/01/29 07:40

teratakaさん、コメント（返信）をいただきありがとうございます。そうですね。上のプラグインの場合は画像にすることはできません。ただ、下の場合は画像も併用していますので、参考にはなると思います。

行動規範の内容に同意します

たぶん「jquery アコーディオンプルダウン」とかで検索すると出てきますよ。

検索結果の一番上のサイトのリンクを張っておきます。
jqueryでできる簡単プルダウン

投稿2015/01/29 06:01

fsoe

総合スコア163

terataka

2015/01/29 06:21

返答ありがとうございます。「jquery アコーディオンプルダウン」でググって上からいくつか見たのですが、これではないようです。表現が上手くないかもしれませんが… 舌をちょろっと出した状態が普通の状態でロールオーバーすると舌をベーって出すとでもいえばいいのでしょうか… 新しいボタンが追加されるのではなく、そのボタンの隠れている部分が出てくる感じです。説明が下手で申し訳ないです。