Search

  毎日にもっと楽~を! BLOG Tokyo

2008年11月18日

【HTML】マウスオーバーメニューを簡単に設置する

FLASHを使わずに簡単に見やすいメニューを作れないだろうか。マウスを重ねるとサブメニューが現れるような手軽くて見やすいメニューがいい。サンプル

そんな時は、CSSとJavascriptを使うと簡単だ。サンプルの画面にある
jqueryslidemenu.css と
jqueryslidemenu.js
をダウンロードして、メニューを表示させたいhtmlと同じ階層にアップしておけばよいだろう。また、矢印のイメージも同様に、同階層になければならない。違う階層に格納したい場合は、jqueryslidemenu.jsの矢印イメージのパスを変更する必要がある。

結構簡単かつお手軽なので、お試しあれ。




Bookmark and Share


編集長のおすすめの一冊!2010

comments

comment form

(BLOG Tokyo にはじめてコメントされる場合、不適切なコメントを防止するため、掲載前に管理者が内容を確認しています。適切なコメントと判断した場合コメントは直ちに表示されますので、再度コメントを投稿する必要はありません。)

comment form