드롭다운 예제

드롭다운 메뉴 내에서 자유롭게 흐르는 몇 가지 예제 텍스트입니다. 이 예제에서는 미리 설정된 텍스트 값을 사용하여 페이지 탐색 드롭다운의 메뉴 항목을 유지하여 항목을 선택할 때 발생할 수 있는 다양한 기본 작업을 지원합니다. 예를 들어 드롭다운을 설정하여 텍스트를 변경하지 않도록 설정하거나 메뉴에서 값을 선택할 수 있습니다. 깨끗하고 잘 구성된 웹 사이트 탐색을 갖는 것은 효과적인 사용자 인터페이스를 설계하는 열쇠입니다. 드롭다운 메뉴는 여러 수준의 콘텐츠 계층 구조가 있는 사이트에 적합합니다. 드롭다운 메뉴의 일반적인 디자인 패턴은 사용자가 부모 탐색 항목 위로 마우스를 가져가면 탐색 항목의 하위 메뉴가 나타납니다. 이 드롭다운 메뉴는 사이트의 나머지 부분에 맞는 색상을 사용합니다. 큰 글꼴 크기와 전체적인 디자인은 놀랍습니다. 드롭다운 플러그인은 데이터 속성 또는 JavaScript를 사용하여 부모 목록 항목에서 .show 클래스를 전환하여 숨겨진 콘텐츠(드롭다운 메뉴)를 전환합니다. 데이터 토글=”드롭다운” 특성은 응용 프로그램 수준에서 드롭다운 메뉴를 닫는 데 사용되므로 항상 사용하는 것이 좋습니다.