本文へスキップ
← 用語集一覧へ

ロールオーバー

教科書で学ぶフィードバック表示とWebデザイン実装

定義ロールオーバーは、要素にポインタを重ねたときに、その要素の色や画像などの見た目が切り替わる効果である。

解説ポインタを離すと元の見た目に戻るのが普通で、画像を差し替えたり色を変えたりして作る。見た目が変わることで、利用者はその要素が押せるものであることや、いまどれを指しているかを、押す前に確かめられる。

たとえ人が近づくと点き、離れると消える玄関の照明のようなものです。

記憶フックroll over は「上を転がる」。ポインタが要素の上を転がって通るたびに、絵柄がくるりと替わる様子を思い浮かべる。