独自のイベントメニューバーを作成する

QQ を使用してチャットしたことのある友人は皆、ウィンドウを新鮮でクリーンでダイナミックに見せることができるその自動ウィンドウ非表示機能を気に入っています。私の友人の何人かは、自分の Web ページに同様のものを追加したいと考えており、共同で調べた結果、これを発見しました。 Dreamweaer を使用してこの効果を実現できます。アクティブなメニュー バーの作成を見てみましょう。

ステップ 1:

Dreamweaer で新しいファイルを作成し、レイヤーを描画し、そのレイヤーにテーブルを挿入し (図 1 を参照)、テーブルを変更して、メニュー項目を追加し、各項目へのハイパーリンクを作成します。ハイパーリンクの下線を変更するには、CSS スタイル パネルで、CSS セレクターの「リンク」と「ホバー」の両方の「装飾」を「なし」に設定します。 「色」が赤に設定され、最後に設定したスタイルが各メニュー バーに適用されます (「F12」キーを押すと効果をプレビューできます)。

ステップ 2: メニューの動的な効果をデザインする

1. レイヤーを選択し、マウスが「十字」の形に変わったら左ボタンを押したまま、レイヤーをページの右上隅までドラッグします (メニュー バー全体が完全に露出しますが、上端は少しだけ露出します)。ページの上端近く)、ウィンドウ メニューの [ライン] パネルで時間を開き、レイヤーを選択してタイムラインにドラッグします。Dreamweaer は 15 フレームの長さのアニメーション オブジェクトを自動的に生成します。アニメーション オブジェクトを 30 フレーム目に設定し、その長さを 30 フレームに設定します。次に、フレーム 15 を右クリックし、ポップアップ ショートカット メニューで [キーフレームの追加] オプションを選択してキーフレームを挿入し、レイヤーを適切な位置にドラッグします (図 2)。