画像のロールオーバー

たまに使うことがあるので、メモとして残しておきます。

画像のロールオーバーは、マウスを合わせるだけでボタンの色が変わるものです。

画像が沢山あるサイトだと、どの画像がクリックできるのか分からなくなることがあるので、ロールオーバーを使用して画像の色を変えたりします。



<a href="リンクURL"><img src="濃い画像" alt="画像の説明" width="○○" height="○○" onmouseover="this.src='薄い画像'" onmouseout="this.src='濃い画像'" /></a>


こんな感じのソースを使います。

その他の方法でも最近は出来るのですが、私が取りあえず多用しているのはこの方法です。

私自身へのメモとして残しておきます。

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

このエントリーをはてなブックマークに追加

同一カテゴリー内 記事一覧

このページの先頭へ