|
|
03/16(Sun) 01:48
メニューにマウスがあたるとヘルプを表示する(1)-位置固定
メニューにマウスがあたるとヘルプを表示するスクリプトです。下のメニューにマウスをあてるとヘルプが表示されます。このサンプルでは文字アンカーですが画像アンカーでも同じようにできます。
(注)IE3.02、NN3.01ではエラーにはなりませんが、メニューメッセージの表示は無視されます。
■設置方法
使用するCross-Browser function | menuHelp |
スタイルシート | なし |
■ヘッダー部に以下の関数を定義します。
- hlp[i]にヘルプメッセージを記述します。
- スクリプト内の変数、bg(レイヤー背景色)、cha(文字色)、sp(文字ポイント数)、wid(レイヤー幅)はあなたの環境に合わせて変更することが出来ます。
■ボディ部に以下の記述をします。
変更する箇所は以下のとおりです。あなたのページに合わせて変更して下さい。
- <A HREF=>タグのURLにはマウスクリックした時のジャンプ先を指定します。
- menuHelpのパラメータmenu0は「span id=」「layer name=」の名前(menu0)と対応しています。
- 次のパラメータ「0」は、hlp[0]に対応します。例えば、「2」に指定すればhlp[2]の内容を表示します。
- 3番目のパラメータは、onMouseoverには「visible」を、onMouseoutには「hidden」を指定します。
|
|