Tweet mixi チェック       このエントリーをはてなブックマークに追加  お問い合わせ  掲示板 


- ドリームウィーバー -ロールオーバーの作成

DreamWeaver < リンクの設定  || ロールオーバーの設定 || ナビゲーションバーの作成



ドリームウィーバー Var CS4 / 5 / 5.5


合計: 無料カウンター
本日: 
昨日:  
 


ドリームウィーバー とは

HTMLあれこれ

CSSの作成と編集

テーブルの作成と編集

テンプレートあれこれ

リンクとロールオーバー

フォームの作成

サイトの管理と更新

Spryの挿入

レイアウト とは

便利なテクニック

ーレイアウト崩れの原因ー

用語集

インフォ


リンク


サイトマップ

Favorite Blog


ドリームウィーバーで始める
ホームページ制作記録



ジオターゲティング

ロールオーバーの作成

その上にカーソルがのった時に表示が切り替わるイメージです。
 あらかじめ任意の画像2枚用意しておいて下さい。。


先にロールオーバーを挿入したい箇所にカーソルを合わせ
挿入 → イメージ → ロールオーバーイメージ
 とすると、上記のようなダイアログが出てきます。
 元のイメージ → カーソルが無い状態
 ロールオーバーイメージ → カーソルが乗った状態
 そして、OK 保存をしてみます。

 ポイント!!
 元のイメージはカーソルが無い状態、
ロールオーバーイメージはカーソルが乗った時のイメージ
をPhotshopやFireworksなどで作成しておき指定します。
 
すると画像がでてきました。
これをブラウザで表示してカーソルを上に当ててみましょう。
おお! なんか文字が青に変わりました。
 これがロールオーバーってやつですね。。
 いろいろ使い方がありそうです。




inserted by FC2 system