スタイルシート(CSS)の技

CSS

// 初期に表示する画像・スタイルの設定
a.img_test1 {
　background : url(/img/enoki3.jpg) no-repeat; 
　display:block; 
　width:200px; height:100px; text-indent:-9999px;
} 
// マウスオーバー後に表示する画像・スタイルの設定
a:hover.img_test1 { background : url(/img/enoki2.jpg) no-repeat; } 

HTML

<a href="./blank.html" class="img_test1">画像のロールオーバーテスト</a>

実行例