DynamicHTML Pulldown Menu(Text)

本サイトトップで演出される階層プルダウンメニューを再現するDynamicHTMLのメニュー。本メニューでは4階層まで展開させている。   

※特 徴
1.OnMouseでのイメージとカラーチェンジが実現できる。
2.メニュー階層の拡張が簡単。
3.IE専用のeffect(Filters・Transitions)が使用できる。
4.OnMouseで使用するイメージをアニメーションで演出。
※カスタマイズ
以下外部ファイルを編集する。
"menu_array.js"=編集するファイル
"mmenu.js"=変更不要

クールに極めるポイントはカラーコーディネイトにある。カラー指定は何度も微調整して(menu_array.jsを編集)バランスの良い配色を確保したい。ワンポイントで使用するイメージはアニメーションでなくとも上記指定カラーに合わせた、テキストサイズに合わせたものを用意したい。

スタイルを複数用意すると部分的に変更可能である。(例:About Me)

本編ではeffectのrandomdissolveとShadowを使用している。
※Reference : Dynamic Drive
zipファイルをダウンロードできる。Dynamic Driveで公開されているがJavaScript等の著作権はMilonic社なので、DynamicHTML Pulldown Menu(Drowing)で紹介しているスクリプトと内容は酷似している。

ウェブZYCO'S > ウェブ・トリック:DynamicHTML > プルダウンメニュー テキストバージョン