Rittyのサイト作成日記

< 新しい記事

新着記事一覧(全211件)

過去の記事 >

March 31, 2006

CSS：ドロップダウンメニュー

テーマ：いいサイト作りたいな！(94)

カテゴリ： HTML＆CSS

-関西の人は関西のイントネーションで読んでね-

企業サイトなどで、
ナビゲーションバーにマウスを合わせると
デロンっと舌が垂れるように、
さらに詳しい目次みたいなのが現れることがある。
ドロップダウンメニューと言うらしい。

私はネットサーフィンのとき、
地雷（悪意で用意されたリンク）を踏まんように、
Javascriptをオフにしていることがほとんどなんで、

私のようにいちいちjavascriptをオフにしてる人って
あんまりおらんやろうけど、私としては
「javascript」使わずにドロップダウンメニューを表示できたら
便利やのになぁ～と思ってた。

色んな人が訪れるのがホームページやからこそ、
javascriptはなるべく使わへんようにしたいなあっていう
気持ちもあったし。

そこで、サイトリニューアルのときに、
調子に乗って調べてみたら、あったよ～！！
CSSだけでドロップダウンメニューという記事なんやけど、
すごい詳細で、見つけたとき＆出来たときは感動しまくり。

ごらんの通り。
ナビゲーションバー右端の「食品」「道具」の部分だけ
ドロップするようにしてるんで、そこにマウスを合わせてみて下さい。
ドロンって出たでしょ？
IEは出～へんようです。 ごめんなさい。。。

今のデザインにドロップダウンメニューを入れても
カッコよくないのもあって、使ってへんワザです。
残念やけど、IEにも対応してないし。

CSSの技術よりも、発想がスゴイよな～。
自分でこういうことを考えられるようになるっていうのが、
プロなんやなぁ。
私は人から学んだことをまねして使ってばっかり。
でもそれが「ど素人の『はじめの一歩』」やから、
当分は赤ちゃんのように真似真似な毎日でしぶとくがんばりますよ。

お気に入りの記事を「いいね！」で応援しよう