沖縄とトールペイントが大好きでQuick Homepage Makerでのサイト作りに奮闘中!

ロールオーバー

Top / QHMReferenceBook / Rollover

ロールオーバー

1.画像を二枚用意して、簡単アップローダーにアップしておきます。

  • 最初に表示されてる画像カメさん
  • カーソルを乗せた時、表示される画像動くカメさん

2.下記のように記述します。

#html{{
<img src="(最初に表示する画像のURL名swfu/d/○○○○.gif)"onmouseover="this .src='(マウスを乗せた時に表示する画像のURL名swfu/d/○○○○.gif)'" onmouseout="this .src='(マウスを離したときに表示する画像のURL名swfu/d/○○○○.gif)'" alt="画像の説明" />
}}
  • 説明文と(カッコ)は消します。
    • ウミガメさん ボクはのろまなカメじゃないぞ~!
    • ロボットくん 体操するロボット君


リンクするロールオーバー

#html{{
<a href="リンクさせたいURL名"><img src="最初に表示する画像のURL名" onmouseover="this .src='マウスを乗せた時に表示する画像のURL名'"onmouseout="this .src='マウスを離したときに表示する画像のURL名'" alt="画像の説明" /></a>
}}
  • リンクするウミガメさん GoogleへGo~!


ページトップへ


A:4176 T:1 Y:0