rollover (또는 mouseover) ; 롤오버

웹페이지를 만드는데, 롤오버 ("마우스 오버"라고도 부르는 사람들도 있다)는 사용자가 웹페이지의 어느 부분 (텍스트일수도 있고 그래픽 이미지일 수도 있다) 을 마우스로 지나가면, 자바 스크립트를 이용하여 페이지 구성요소를 변화시킬 수 있는 기술이다. 롤오버라는 용어는 마우스 내에 들어 있는 작은 공이 표면 위를 구른다는 의미로부터 유래되었다.

롤오버의 일반적인 용례는 다음과 같다.

  • 메뉴 내의 텍스트 요소들을 돌출시키거나, 아니면 각 줄 위로 마우스를 굴림에 따라 살아 움직이는 듯하게 만듦으로써 사용자와의 상호 작용을 유도. 이것은 텍스트가 있는 각 줄을 위해 작은 그래픽 이미지를 만들어 놓고, 마우스가 그 텍스트 줄 위에 있는 것이 감지되면, 즉시 두 번째 그래픽 이미지로 교체되게 만듦으로써 이루어진다. 이 효과는 사용자로 하여금 롤오버되는 줄 중의 하나를 클릭하도록 유도한다.
  • 사용자가 마우스를 웹페이지의 특정 부분에 갖다대었을 때, 이전에는 보이지 않던 그래픽 이미지나 다른 구성요소들이 갑자기 나타남. 텀즈 대표운영자의 사진도 바로 이 기법을 이용해서 볼 수 있도록 되어 있습니다. 그런데 어디에 숨어 있을까요? *^^*
  • 마우스를 다른 구성요소 위로 굴리면 페이지 구성요소의 색깔이 바뀌도록 함. 이것은 어떤 페이지 구성요소들이 살아있으며, 클릭할 수 있다는 사실에 대한 사용자의 인지도를 강화하기 위한 방식이다.

자바월드에 이러한 효과를 줄 수 있는 여러가지 자바스크립트 예제들이 제공되고 있습니다.


이 정보는 2000년 7월 12일에 수정되었습니다.
영어판(whatis.com)