ビジネスマンの徹底パソコン奮闘サイト

お知らせ
2011-03-16: 目次を作成しました。
2010-09-17: Google Map 2 記事一覧を作成しました。
2010-07-03: Google Map 3 記事一覧を作成しました。

スポンサーサイト

--年 --月--日 (-- )
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

jQuery:縦メニュースクロール(ドロップダウン)

2011年 05月12日 (木 )
jQueryで縦メニュースクロールを作成してみました。
これはドロップダウンメニューとも言うんでしょうか?
良く見かけるメニューだったので作ってみました。

今回のはVer1.0と言う事で簡単に作ってみました。
今後、暇を見つけて改造して行きたいと思います。

以下のメニューがサンプルです。
マウスオンでサブメニューが出てきます。






そして以下がサンプルコードです。


コードを見ると分かるんですが、jQueryでと言っておきながら
大変なのはCSSの方です。
jQueryは10行程度済んでいます。
少ないコードで縦メニュースクロールを実現出来るのは
ほんとに便利です、jQueryは。
jQueryを使用せずにドロップダウンメニューを作成しようとしたら
もう少し大変になってると思います。

今回はドロップダウンメニューを作成しましたが、
スライドショーとかフォトギャラリーとか
便利そうなものを作っていきたいと思います。
  ビジネスマンの徹底パソコン奮闘サイト  
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。