画像で作る。ドロップダウンメニュー・プルダウンメニュー - CodingMania
jquery,CSS,画像を使って、クリックするとサブメニューを表示します。 ヘッダーで、jQuery.jsと後述のdropdown.jsを読み込んでいます。 サブメニューはCSSで非表示にしています。 マウスオーバー画像は「画像名_on」を作ってjsでhover切り替えとサブメニュー表示。 サブメニュー表示の速度は、slow,normal,fast等で変更可。 テキストで作る。ドロップダウンメニュー・プルダウンメニューもご参考に。 デモページへopen_in_new JSを読み込みます <script type="text/javascript" src="js/jQuery.js"></script> <script type="text/javascript" src="js/dropdown.js"></script> [dropdown.js]JavaScript $(funct
画像を使ったプルダウンメニュー（ドロップダウンメニュー）の作り方
前回 に引き続き プルダウンメニュー（ドロップダウンメニュー）です（＾＾；） 前回 は menu.js を使うとカンタンですよ～ってお話をしましたが menu.js と合わせてぜひ使いたいのがコチラ→ yuga.js。 この yuga.js すばらしいです 詳しいことは yuga.jsのサイト にありますので はぶきますが プルダウンメニュー（ドロップダウンメニュー）で画像を使いたい時にとっても便利です このような素晴らしいスクリプトを公開して下さった中村享介様に感謝です！！！ menu.js と yuga.js を使ったサンプルをあげておきます↓（別窓で開きますので不要なら閉じて下さい） 画像を使ったプルダウンメニュー（ドロップダウンメニュー） サンプルのＣＳＳには 実際の仕事ではメニューの横幅ってマチマチな気がするので メニュー１つ１つに横幅を入れています。 。。。。。。。。。。。。。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://depthcode.com/2011/01/drop.html
