[1][2][3][4]

[1] 롤오버 버튼이란?

롤오버 효과

롤오버(Rollover)란 마우스 포인터를 올려놓았을 때 버튼의 모양이 바뀌는 효과를 말합니다. 오른쪽 그림 위에 마우스 포인터를 올려 놓으면 롤오버 효과를 확인할 수 있습니다.

일반적으로 롤오버 버튼을 만들기 위해서는 두 개의 그림, 즉 원본 그림과 롤오버 시켰을 때 보여줄 그림이 필요합니다. 위 롤오버 버튼은 아래 두 개의 그림으로 만든 것입니다.

+
원본 그림 롤오버 그림

롤오버 스마트 버튼

웹캔버스에서의 "롤오버 스마트 버튼"은 일반 롤오버 버튼과는 구별되는 특징이 있습니다. 롤오버 스마트 버튼은 웹 사이트의 내비게이션 바에 사용하기 위한 것으로서, 아래와 같이 3개의 버튼셋으로 구성됩니다.

+ +
보통(Normal) 롤오버(Rollover) 강조(Highlight)

보통(Normal) 버튼 : 보통 상태에서 표시할 그림
롤오버(Rollover) 버튼 : 마우스 포인터를 올려 놓았을 때 표시할 그림
강조(Highlight) 버튼 : 내비게이션 바에서 현재 문서를 표시할 그림

롤오버 스마트 버튼을 내비게이션 바에 적용하면 다음과 같은 형태가 됩니다. 마우스 포인터를 각 내비게이션 버튼 위에 올려 놓으면 롤오버 버튼이 표시되고, 현재 문서가 'Page4'임을 강조 버튼으로 구분해서 보여줍니다.

[내비게이션 바에 적용한 형태]

롤오버 스마트 버튼을 사용하려면 나모 웹에디터의 '내비게이션 바'에 대한 이해가 필요합니다. 내비게이션 바는 나모 웹에디터에서 사이트 관리자를 이용하여 만든 웹 사이트에 삽입할 수 있는 사이트 구성 요소입니다. 자세한 사용법은 내비게이션 바에 적용하기를 참고하시기 바랍니다.

| 목록 보기 | 다음 페이지 |