ホームページビルダー完全活用講座


画像のロールオーバーを使ってみよう
画像のロールオーバーを使ってみましょう。
少しだけ動きのあるページが作成出来ます。
下のネコちゃんにマウスを乗せてみてください。

これにリンクを挿入する事も出来ます。
こんな事もできます。

HOME

画像のロールオーバーを使ってみよう
まずは普通に画像を挿入しましょう。
マウスを乗せる前の画像を挿入します。
ロールオーバーさせる画像を選択して右クリックします。
画像のロールオーバー効果の挿入を選択します。
ナビメニューからでも選択出来ます。
画面上部のメニューからでも挿入出来ます。
こんな画面が出たはずです。
ここではロールオーバーさせる前の画像を選択します。
先に画像を選択しているので次へを押してください。
ファイル名を指定するを選択して参照をクリックします。
ロールオーバー後に表示させる画像を選択します。
選択後に次へを押してください。
画像にリンクをはる場合はここで設定します。
リンク先はサイト内なら参照から選びましょう。
他サイトならhtt://〜以下を打ち込みます。
ターゲットの指定はここを参照してください
設定終了したら次へ進みましょう。
リンクを設定しない場合はそのまま次へ進んでください。
一つの画像をオンマウスした時に複数の画像を
ロールオーバーさせる為の設定画面です。
このページの最初に見せたネコを４匹チェンジさせた効果と
同じような事が出来ます。
必要ない場合は完了を押して完成です。
複数指定する場合は追加をクリックしてください。
左の窓から変更したい画像を選んでください。
この設定をするには最初に画像を挿入していないと
選択画面にジャンプしません。
ページ上に配置されている画像のみが選択画面に表示されます
選択したら次へをクリックします。
ファイル名を指定して変更後画像を選択します。
選択を終えたら完了をクリックしてください。
更に追加するなら追加ボタンをクリックします。
全て終了したら完了ボタンを押して終了です。
終了後も画像を右クリックメニューなどで
編集が可能です。
後、変更後画像の代わりに効果を指定する事も出来ます。
お好みで選んでくださいね〜^^)
HOME
パソコン初心者講座ぱそおーる