転覆でAdobe Dreamweaver CS3

このチュートリアルを使用して、ユーザーがもっとコントロールと柔軟性を与えるためのものですDreamweaver CS3 インターフェイスmouseoversイメージを作成する. また、どこか他のユーザーがWebページ上にマウスオーバーして目標を設定するには、元の画像にマウスオーバーボタンをマウスオーバーするCSSスタイルを割り当てる教える.

パート2 のいくつかのマイナーな調整を使用してWebページを開くのSWFの動画を埋め込む方法を示すのは、機能の組み込みDreamweaver CS3.

アブラハムchaffin Creativecow.net, カンブリア, アメリカ合衆国カリフォルニア © 2007 Creativecow.net. 版権所有.

パート2

ムービー1 映画2 映画3

このチュートリアルの場合は、オブジェクトのロールオーバーは、要素の動画を表示して. 我々はCSSクラスは、このチュートリアルでは、プレースホルダ部に割り当てる予定を作成することで開始するつもりだ.

1 ）は、 CSSのウィンドウをクリックして"新しいCSSのルールで"アイコンを. セレクタタイプ"クラス"になります, クラス" movinvisの名前を呼ぶ"とは、この文書を作成する必要がありますのみ.

2 ）は、 CSSルールの定義]ウィンドウで"カテゴリ"の位置を選択して、位置を絶対的なタイプを設定, 視界を隠し, インデックスを作成するとは、 Z - 999. （絶対位置を、クラスの周囲を押していない他の要素に, Ž指数が高いと他の要素の上にクラスを配置します.) [ OK ]を押します.

3 ）再び"新しいCSSの手順1と2は、クラス" movvisの名前を設定すると同様のルールを作成し、目に見える可視に設定.

4 ） [挿入]メニューに行く レイアウトオブジェクトを挿入して、新しい事業部 事業部タグ. [ OK ]を押しながら、任意のプロパティを設定するためには、 divない.

5 ）を新たに作成した事業部を選択し、 [プロパティ]ウィンドウで"と" movinvis "には、クラスには、 div movtarget "にIDを設定する.

今では私たちの映画の部のプレースホルダは、転覆のために使用されるボタンを作成して受信を設定されています. 我々だけが使用されますテキストを簡単にするため、この時間.

6 ）場所は、目に見えない部と入力の上にカーソルを"映画1 "のテキストを選択してください, してハイパーリンクを作る. "を＃ "ファイル名またはURLとして. （あなたの設定が"映画2 "と"映画3 "が転覆、この手順を繰り返すことができます

次の私たちには、 divを使用して、ロールオーバーのリンクに割り当てるムービーが挿入されます. 次に私たちのリンクを指定したりするには、 div onmouseover. 最終的に我々には、 divムービーが表示されている場合にのみ表示されているので、クラスonmouseoverとonmouseoutが割り当てられます.

7 ） [挿入]メニューに移動 メディア Flashとrollover1を選択.のSWF. [ OK ]を押します.

8 ）を選択して新規に挿入されたFlashビデオとは、表示メニューに移動 コード. の間のコードを選択してください noscript タグと / noscript タグをクリップボードに貼り付けることが後にそれをコピー.

9 ）に戻るつもりでビューを表示するには設計に行く デザイン. を選択してくださいFlashビデオ、それを削除する.

10 ）は"映画1 "のリンクとは、行動ウィンドウの（ + ）の動作を追加]ボタンを押して選択してください. 設定するテキストを選択する コンテナのテキストを設定. " movtarget "コンテナ事業部を選択し、コピーしたコードを貼り付けるには、新しい html 競技場.

11 ）の行動を、この効果を作成するには、 onmouseoverイベントに設定されていたことを確認します. もしこのプログラムは、 onmouseoverイベントをクリックし、プルダウンから選択して変更することができますではなかった.

12 ）は"映画1 "リンクを選択した状態のままで（ + ） "を変更するプロパティ"と呼ばれる別の動作を追加する. する" "部確実要素のタイプです, と要素番号部" movtarget "です. "を入力してください選択してください:プロパティの"ラジオと入力して"クラス". 新しい値を押して[ OK ]を" movvis "を入力してください. 確かにこの現象は、 onmouseoverイベントに割り当てられていることを確認, 場合は、変更しないで.

13 ） " movinvis "とはonmouseoutイベントに割り当てるだけで、新しい値を代入する行動を繰り返して、手順12 。.

14 ）手順7月13日に"映画2 "および"ムービー3 ".

今では、 JavaScriptには、プロパティの動作を変更する方法にdwを使用してクラスを変更するには、それを使用して動作させるためのハックを実行します.

15 ）は、メニューの編集 検索と置換してください. " "現在のドキュメントを検索する, 検索"ソースコード", " objを見つける.スタイル.", " obj交換.", とJavaScriptコードの中でこれは2つのインスタンスを置き換える.

あなたの作品を保存してプレビューする場合に行うことが何を見ることができるはず. このテクニックは、スクリプトと連動して位置を正確にどこでするのSWF位置を取得するために使用することができます. Divsまたは別の場所を設定すると、特定の映画には、イベントのターゲットは. 同じ効果を得るには、この他の方法がありますが、これは単純な機能に組み込まれて右に取得するには、わずかにハッキングの方法ですDreamweaver CS3.