■

マウスオーバーしたときにリンクの画像を変える方法。
CSSを使ってやる(Aタグのみ)
HTMLファイル

<a href="http://xxx.co.jp" id="a_hover">ホバーするよ</a>

CSSファイル

a#login {
	width: 190px;
	height: 100px;
	display: block;
	background: transparent url(/images/xxx.gif) no-repeat scroll 0 0 ;
	text-indent: -9999px
}

a#login:hover {
	background: transparent url(/images/xxx.gif) no-repeat scroll 0 -100px;
} 

CSSでやる場合は、JSなどがOFFになっていても機能するところがよいところだけど、
画像に合わせてwidthとheightを指定してやらなければいけないのがめんどいところ

SEE ALSO
http://okwave.jp/qa3029533.html