CSSでﾛｰﾙｵｰﾊﾞｰ<
ロールオーバーとはマウスを画像などに載せた時に、画像が入れ替わったりする動作のことを言います。メニューバーなどに使われていることが多いですね。
下記の画像にマウスを載せてみてください。
これをロールオーバーといいます。今まではメニューバーなどをロールオーバーさせたい場合は、java script（ジャバスクリプト）を使うのが一般的でした。しかし、java script（ジャバスクリプト）をHTMLに組み込んでしまうと、HTMLが複雑になってしまうだけでなく、ページの表示が遅くなります。
そういったことを避ける為にjava script（ジャバスクリプト）を外部ファイルに書き込んだりするのも手ですが、CSSでもjava script（ジャバスクリプト）で書き込んでいたロールオーバーと同じように表示することができます。
意外と簡単にできてしまうためjava script（ジャバスクリプト）でロールオーバーを書いていた人なら楽々できてしまいます。また、画像ファイルも背景画像として、CSSで表示するのでHTMLはスッキリします。
NEXT⇒CSSで背景指定
ｽﾀｲﾙｼｰﾄ(css)とはｽﾀｲﾙｼｰﾄ(css)のﾒﾘｯﾄブログのCSSCSSﾚｲｱｳﾄの基礎CSSﾚｲｱｳﾄの書き方ｾﾚｸﾀの指定方法ｾﾚｸﾀの種類CSSｻﾝﾌﾟﾙCSSでfontを制御CSSでtableCSSでﾛｰﾙｵｰﾊﾞｰCSSで背景指定CSSのmarginCSSのfloatcssｽﾀｲﾙｼｰﾄ入門top