pulldownmenu_opacity/フェイド＆プルダウンメニュー

通常よく使われているようなプルダウンメニューをちょいとおしゃれにして、降りてくるメニューを透明度80%程度にし、背景を透過させています。なおかつonmouseoverで、透明度が0から80%までフェイドします。onmouseoutでフェイドアウト。ゆっくりと出てきてゆっくりと消える。おしゃれなプルダウンメニュー。cssファイルをblack.cssとwhite.css二つ用意しました。サイトイメージにあわせてcssを使用して下さい。

構造は、htmlで常に表示されているメニュー本体を作成し、ダウンメニューも同時にhtmlで作成ます。position:absoluteで絶対配置をして最初はvisibility:hidden;に指定して、非表示にしておきます。それをjavascriptのonmouseoverでvisibleに変更することで、ダウンメニューを表示させます。その時に透明度を変更する関数を使用し、opasityをフェイドさせています。

スクリプト名称	pulldownmenu_opacity/フェイド＆プルダウンメニュー
梱包内容	pulldownmenu_opacity.html
	pulldownmenu_opacity	manual.txt (設置サポート)
		images
		include.js
		black.css
		white.css
操作確認済ブラウザ
最終更新日	2007/06/21