ホームページビルダー/JavaScript編
メニュー
マウスポインタが乗った時、リンク先を表示するメニュー(レイアウト枠利用)
このドロップダウンメニューは、ビルダーの「レイアウト枠」と「イベントの設定」を利用して作成しました。
標準モードで「レイアウト枠」を利用するには、ビルダー操作のみでは配置に多少工夫が必要です。このページで紹介するものは、タグを標準モードでも使いやすいように修正しています。
確認は、IE6でしか行なっていません。
※ご参考として。ビルダーのヘルプによると、レイアウト枠はIE4.0、NN4.0以上のサポートとなっています。しかし、NN4.7ではこちらのサンプルはキチンと表示できますがNN7.1では、Sample3以外は動作しました。
※追加 ビルダーのバージョンにより、挿入されるスクリプトが異なるため、Netscapeでの表示が出来ない場合があります。V7以上で作成の場合表示されましたが、それ以下のバージョンの場合はNetscapeで表示されませんのでご注意ください。
| □Sample1・・・縦配置 Mainmenuサイズ変更× |
□設定について |  テンプレートDL<lzh形式> |
| □Sample2・・・横配置 Mainmenuサイズ変更× |
□設定について | テンプレートDL<lzh形式> |
| □Sample3・・・縦配置 Mainmenuサイズ変更○ |
□設定について | テンプレートDL<lzh形式> 注意 画像は添付されていません |
| □Sample4・・・横配置 Mainmenuサイズ変更○ |
□設定について | テンプレートDL<lzh形式> |
□ はじめに
DLできるテンプレートは「標準モード」で作成している方用です。
「どこでも配置モード」で利用すると、通常の状態で文字が重なって表示される可能性があります。
□ テンプレートの特徴
・ビルダーの「ページ編集」の画面上からリンクの挿入ができます。
・メニューバーの色やフォントサイズはスタイルシートマネージャーで変更できます。
□ ご注意
DLできるテンプレートには、JavaScriptは含まれていません。
そのため、DLし、すぐにプレビューするとエラーが表示されます。
ご自身でビルダー内のJavaScriptを挿入してください。
「ページ編集画面」でテンプレートを開くとレイアウト枠が表示されますが、位置は絶対に変更しないでください。設定済みの「イベントの設定」が正しく動かない可能性があります。
メインメニューの項目は5つです。項目を減らすことはできますが、項目を増やすサポートは今のところしていません。