シャフト株式会社

onmouseoverで画像切り替え

onmouseoverで画像切り替え

<img src="image/01.jpg" onmouseover="this.src='image/02.jpg'" onmouseout="this.src='image/01.jpg'" />

サンプル

タグ解説

cssを使わずに、onmouseoverを使って、画像を切り替える方法です。この手法を使うと、画像の上にマウスが乗った時に、別の画像に切り替えて、マウスが離れると元の画像に戻すことが可能です。

上記のサンプルコードをコピーし、「元となる画像のファイル名を01.jpg」の部分に。「マウスが乗った時に切り替える画像のファイル名を02.jpg」の部分に埋め込んでください。

必ずお喜びいただけるプレゼント・ギフトのご紹介

近々、誰かへのお祝い・プレゼントを購入しなければという方に、最高のご提案です。弊社では、写真を印刷した世界に一つだけのオリジナルジグソーパズルを2011年から作り続けている、老舗のオリジナルパズルメーカーです。ご注文から2営業日程度で発送ができる、世界に一つだけのギフト。しかもお値段は980円からという激安価格です。ぜひ、プレゼントをする予定がある方は、ご利用くださいませ!

ギフトに使えるオリジナルパズル
Copyright c SCHAFT Inc. All Rights Reserved.