東京ウェブデザへろへろ日記

ホームページ制作、ホームページデザイン
ビジネス専用
バー
ライン

東京ウェブデザへろへろ日記

忘備録:jQueryを使ったプルダウンメニュー。
|2013年4月19日 15:08| コメント(0)
プルダウンメニューのつくりかたは、WEB上にたくさん紹介されている。
最近は、jQueryのものが多い。ただし、あまりに数が多すぎて、どれがいいのかわからない。

今回、ボタンを画像でつくったため、画像のものを探したが、いまひとつフィットするものがなかった。なので、下記のテキストのメニューを使ってみた。jQuery のアニメーションでぬるっとメニューが出る。

Easy to Style jQuery Drop Down Menu Tutorial

これでできたのだが、何度も動作をチェックするとごくたまに動かないときがある。これは困る。やはりメニューは100%完全に動いてもらわなければ、ユーザビリティ上まずい。

そこで、下記のものに、JS部分のみ差し替えた。
これでうまく行った。

こちらの、JSにJS部分のみ変更した。

jQueryで作るanimateを使ったドロップダウンメニュー

ドロップダウンメニュー
.fadeOut("slow");
という部分を数字に変えてもOKだった。
サクサク快適に動く。

ウェブデザイナー
最近のエントリー
アーカイブ
Copyright (c) 1999-2010 Wasshoi,Ltd., Tokyo Japan, All Rights Reserved.