2013年4月19日 15:08

忘備録:jQueryを使ったプルダウンメニュー。

プルダウンメニューのつくりかたは、WEB上にたくさん紹介されている。
最近は、jQueryのものが多い。ただし、あまりに数が多すぎて、どれがいいのかわからない。

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

Easy to Style jQuery Drop Down Menu Tutorial

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

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

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

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

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

最近のエントリー

カテゴリー

アーカイブ

2020年12月| 2020年11月| 2020年10月| 2020年9月| 2020年8月| 2020年6月| 2020年5月| 2020年4月| 2019年9月| 2019年5月| 2019年4月| 2018年11月| 2018年7月| 2018年3月| 2018年2月| 2017年11月| 2017年4月| 2017年3月| 2017年1月| 2016年8月| 2016年7月| 2016年6月| 2016年5月| 2016年3月| 2015年12月| 2015年5月| 2015年4月| 2015年1月| 2014年7月| 2014年5月| 2014年3月| 2013年12月| 2013年10月| 2013年9月| 2013年8月| 2013年7月| 2013年4月| 2013年3月| 2012年12月| 2012年11月| 2012年10月| 2012年9月| 2012年7月| 2012年3月| 2012年2月| 2011年12月| 2011年11月| 2011年10月| 2011年9月| 2011年8月| 2011年6月| 2011年4月| 2011年3月| 2011年2月| 2011年1月| 2010年12月| 2010年10月| 2010年9月| 2010年8月| 2010年7月| 2010年6月| 2010年5月| 2010年4月| 2010年3月| 2010年1月| 2009年12月| 2009年11月| 2009年10月| 2009年9月| 2009年8月| 2009年7月| 2009年6月| 2009年5月| 2009年4月| 2009年3月| 2009年2月| 2009年1月| 2008年12月| 2008年11月| 2008年10月| 2008年9月| 2008年8月| 2008年7月| 2008年6月| 2008年5月| 2008年4月| 2008年3月| 2008年2月| 2008年1月| 2007年12月| 2007年11月|
ページトップ