롤오버 버튼은 사용자의 마우스 포인터 위치에 따라 모양이 바뀌는 동적 웹 버튼입니다. 그것은 세 가지 상태를 포함합니다: 정상, 초과 및 감소. 일반 상태는 마우스가 버튼에서 떨어져 있을 때 나타나고, 오버 상태는 마우스가 버튼 위로 롤오버될 때 적용되고, 다운 상태는 버튼을 클릭할 때 적용됩니다.
유형 및 용도
롤오버 버튼은 다양한 모양, 크기, 색상 및 스타일로 제공됩니다. 이미지를 롤오버 버튼으로 변환할 수 있으므로 롤오버 버튼에도 이미지가 포함될 수 있습니다. 사용자가 클릭할 때 롤오버 버튼을 올리거나, 내리거나, 평평하게 하거나 애니메이션할 수 있습니다.
오늘의 비디오
용도
롤오버 버튼은 사람들을 다른 위치로 안내하는 웹 페이지의 탐색 버튼으로 주로 사용됩니다. 드롭다운 및 팝업 메뉴에서도 사용됩니다. 다른 롤오버 버튼은 애니메이션 효과 및 사운드에 사용되므로 사용자가 웹에서 버튼을 롤오버하면 이미지, 색상, 모양, 텍스트 또는 사운드가 변경될 수 있습니다.
이익
롤오버 버튼은 버튼의 일반 기능을 확장합니다. 시각적으로 매력적일 뿐만 아니라 롤오버 버튼도 동적이어서 사용자가 페이지에서 활성 요소라는 사실을 알 수 있습니다. 웹 디자이너는 사용자가 이러한 버튼 위로 마우스를 이동하면 재생되는 사운드 효과를 추가할 수 있습니다. 드롭다운 또는 팝업 메뉴에서 사용할 때 롤오버 버튼은 탐색 공간을 절약하는 데 도움이 됩니다.
권장 크기
롤오버 버튼의 파일 크기는 작아야 합니다. 롤오버 버튼은 이미지이므로 웹 서버의 추가 공간을 빠르게 차지하고 로딩 시간을 늘릴 수 있습니다.
롤오버 버튼은 Adobe Photoshop, Image Ready, Flash 및 Fireworks와 같은 이미지 편집 소프트웨어로 만들 수 있습니다. Dreamweaver 및 Microsoft Visual Studio Developer와 같은 웹 편집 소프트웨어 프로그램을 사용하여 롤오버 버튼 효과를 만들 수도 있습니다. 롤오버 버튼은 JavaScript 또는 CSS를 사용하거나 온라인 롤오버 버튼 생성기를 사용하여 웹 파일에 하드 코딩할 수도 있습니다.
