ポップアップメニュー その2

リンクをクリックすると表示されるポップアップメニュ－ その2です。

メニューからマウスカーソルが外れるとメニューが非表示になるタイプです。但し、メニューを非表示にするエリアをCSSプロパティで確定する必要があるため、メニュー表示をしているdivタグのwidth/heightプロパティにauto属性を使えません。
メニューの内容が変わるたびに、width/heightの値を調整しなければならないので、頻繁にメニューの内容が変わる用途には向きません。

(補足）outerクラスの背景画像に全面透明色のgifファイルを指定してあるのは、IE7で背景を塗りつぶしておかないと、mouseoutイベントが発生しないという不具合があるためです。IE以外のブラウザでは、この背景画像は不要です。

設置方法

1. ダウンロードしたファイルを解凍して下さい。
2. メニュー項目の名前と、リンク先を編集して下さい。リンクで他ページに飛ぶとき以外（javascriptで処理を行うとき）は、メニュー表示を非表示にするために OnCloseMenu('menu0'); を呼び出してください。
3. ファイルをサーバにアップロードします。

ダウンロード