Dreamweaver のデビュー以来、その使いやすさと強力な「動作」は誰もが注目するホットスポットの 1 つです。 Dreamweaver MX (DW MX) では、この機能が拡張・改善されました。
DW MX では、動作とは、イベント (Event) に応じて実行される操作 (Action) を指します。イベントとは、ウィンドウの更新やマウスの移動などのブラウザ イベントを指します。アクションとは、バックグラウンドでイベントに応答し、サウンドの再生や画像の反転など、対応する操作を完了できる JavaScript コードを指します。
DW MX を使用してナビゲーション ドロップダウン メニューを作成することは、Web ページでよく使用される特殊効果の 1 つです。 (図 1) 主に DW MX の「レイヤーの表示/非表示」動作を使用します。
図1
まずナビゲーション バー (図 1 の「Product Center」列) を作成し、次にドロップダウン メニューが表示される場所としてレイヤーを追加し、ドロップダウン メニューの対応する列に入力します。
次に、[動作] パネルを開いて [プロダクト センター] リンクを選択し (この時点では新しく作成したレイヤーを選択できないことに注意してください。選択しないと、[レイヤーの表示/非表示] 動作が適用されません)、「+」記号をクリックします。をクリックし、「レイヤーの表示/非表示」を選択すると、作成したばかりのレイヤーが選択範囲内にあり、非表示または表示を設定できることがわかります (図 2)。
図2
動作の素晴らしい使い方は主に次の点に反映されています。ドロップダウン メニューを実装する場合、重要なのは、マウスが「Product Center」リンク上に移動したときにレイヤーを表示し、マウスが離れたときにレイヤーを非表示にすることです。リンク。この考えに基づいて、最初にこのレイヤーに 2 つのアクションを設定し、1 つは非表示を選択し、もう 1 つは表示を選択します。次に、イベントを調整し、Hide Layer のイベントを OnMouseOut に設定します。これは、マウスがリンクから離れることを意味し、Show Layer のイベントを OnMouseOver に設定します。これは、マウスがリンクを選択することを意味します。 「F12」を押してプレビューすると、予想される効果が確認できます。
このようにして、通常は不可解だと思われるナビゲーション ドロップダウン メニューを動作に簡単に実装できます。また、ナビゲーション リンクに「画像の交換」動作を適用し続けて、マウスがリンクをクリックしたときに画像の反転効果を実現することもできます。
ビヘイビアーは個別の特殊効果ではなく、複数のビヘイビアを組み合わせたり重ね合わせたりして、DW MX によって設定されたデフォルトのビヘイビアーに加えて、www.mcromedia.com からさらに優れたサードパーティのビヘイビアーをダウンロードすることもできます。これらを DreamweaverMXConfigurationBehaviorsActions ディレクトリに直接コピーするだけで、DW MX のこの輝かしい点をさらに輝かせることができます。