オンマウスで画像が入れ替わるリンク（ロールオーバー）


画像が入れ替わるリンクです


◇マウスを乗せると画像の男の子と女の子が入れ替わります。

↓↓

画像が入れ替わるリンク（ロールオーバー）です☆☆☆

ソースは下記のようになります。自分のホームページの表示したいところにコピーして下さい。

<a href="リンク先のURL"><img border="0" src="1番目の画像のアドレス" onMouseOver="this.src='2番目の画像のアドレス'" onMouseOut="this.src='1番目の画像のアドレス'"></a>

ホームページを作ったらサーバーが必要！！！
ホームページを作ったら、サーバーは必要不可欠な物です。無料のサーバーもたくさんありますが、私はロリポップのサーバーをオススメします。当サイトもロリポップのサーバーで運営しております。低価格の有料サーバーはたくさんありますが、なんといってもロリポップのサービスは一番人気です。

下線を出したくない場合は　text-decoration: none;
下線を出したい場合は　text-decoration: underline;

link 未訪問のリンク
visited 訪問済みリンク
active リンクをクリックしたとき
hover マウスが乗ったとき

リンクの開き方（ターゲット）

<a href="http://yume.hacca.jp" target="_blank">サンプルページ</a>

ターゲットtarget はリンク表示（リンクの開き方）の方法です。上記のソースは新しいウィンドウで開きます。

ターゲットの種類

target="_blank" 新しいウィンドウで開きます
target なし 同じページで開きます
target="_top" 全てのフレームを解除して画面全体を表示
target="_self" 同じウィンドウ（フレーム）に表示
target="_parent" 親フレームに表示します。
target="フレーム名" フレームから別フレームに表示します

関連項目・関連ページ

同じページ内や他のページの任意の場所へリンク

●当サイトのソースは、IE6.0＋のみ動作確認をしております。 それ以外のブラウザでは正しく作動しない場合がございます。ご了承下さい。