ロールオーバー

ロールオーバーとは、マウスカーソルを画像やボタンの上に乗せた場合に、画像が入れ替わったりボタンの色が変わったりする動作のことを指します。メニューバーやボタンなどに使われることが多いです。
ボタンなどをロールオーバーさせたい場合、Javascriptでonmouse属性を使うのが一般的です。しかし、JavascriptをHTMLに組み込むとHTMLが複雑になる、ページの表示が遅くなる、閲覧者側のブラウザでJavascriptをサポートしていない場合正しく機能しない可能性があります。そういったことを避けるために、CSSを使いロールオーバーさせる方法もありますが、実装やリンクマネジメントが煩雑になります。