September 29

ロールオーバー

cat.png画像の上にカーソルをおくと画像が変わる設定です
左の猫にカーソルを持っていくとこちらを向きます



まず↓2枚の絵を用意します

miry1.pngmiry2.png


ソースは以下の通りです

<img src="横を向いた猫の画像ファイル" onmouseover="this.src='こちらを向いた猫の画像ファイル'" onmouseout="this.src='横を向いた猫の画像ファイル'">

でロールオーバーの出来上がりです

カラーとモノクロ画像でもいいですね

猫の画像はVIVID様でお借りしました
有り難うございます
posted by nei at 20:23 | HTML&CSS
Retweet!
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。