드롭다운 예제

 Senast ändrad 2 augusti, 2019 kl 21:37
aug 022019
 

드롭다운 메뉴 내에서 자유롭게 흐르는 몇 가지 예제 텍스트입니다. 드롭다운은 항목을 선택할 때 발생할 수 있는 다양한 기본 작업을 지원합니다. 예를 들어 드롭다운을 설정하여 텍스트를 변경하지 않도록 설정하거나 메뉴에서 값을 선택할 수 있습니다. 이 예제에서는 미리 설정된 텍스트 값을 사용하여 페이지 탐색의 메뉴 항목을 유지하며, 깔끔하고 잘 구성된 웹 사이트 탐색이 효과적인 사용자 인터페이스를 디자인하는 데 중요합니다. 드롭다운 메뉴는 여러 수준의 콘텐츠 계층 구조가 있는 사이트에 적합합니다. 드롭다운 메뉴의 일반적인 디자인 패턴은 사용자가 부모 탐색 항목 위로 마우스를 가져가면 탐색 항목의 하위 메뉴가 나타납니다. 이는 페이지 탐색에서 사용자의 선택을 유지하는 데 사용되며 자동으로 제거되고 기본 텍스트 자리 표시자 서식을 지정합니다. 부트 스트랩 드롭 다운 구성 요소에 대 한 기본 스타일 매우, 새로운 전자 저장소, 깨끗 하 고 구조화 된 드롭 다운 탐색 메뉴. 선택됨 추가: 항목에 true를 선택하면 해당 항목이 기본적으로 선택됩니다. 마찬가지로 단일 버튼 드롭다운과 거의 동일한 태그를 사용하여 분할 단추 드롭다운을 만들 수 있지만 드롭다운 캐릿 주위의 적절한 간격을 위해 클래스 .dropdown-toggle-split이 추가되어 있습니다. . 선택 드롭다운을 사용하면 사용자가 큰 선택 목록을 검색할 수 있습니다.

다음은 사이트 디자인의 전체 풍경과 완벽하게 맞는 깨끗한 드롭 다운 메뉴입니다. 드롭다운 메뉴 안에 검색 프롬프트가 포함될 수 있습니다드롭다운 메뉴 열기, .dropdown-toggle 클래스및 데이터 토글=”드롭다운” 특성이 있는 단추 또는 링크를 사용합니다. 비활성화 된 드롭 다운 메뉴 또는 항목 사용자 상호 작용을 허용 하지 않습니다이 드롭 다운 메뉴 자동차 제조 업체의 자동차의 모델의 축소판이 포함; 자동차 위로 마우스를 가져가면 다른 페이지에 대한 관련 링크와 함께 차량에 대한 세부 정보가 표시됩니다. . 모든 단일 .btn은 일부 태그 변경 사항으로 드롭다운 토글로 전환할 수 있습니다. 다음은 두 버튼 요소 중 하나를 사용하여 작업하는 방법입니다: 이 드롭다운(및 일반적으로 사이트)에 사용되는 색상은 화려합니다. 드롭다운을 오른쪽으로 정렬하려면 .dropdown-menu-right 클래스를 .dropdown-menu로 요소에 추가합니다. 서버.

드롭다운에는 항목 선택시 발생할 수 있는 여러 기본 제공 작업이 있습니다. name을 settings.action에 전달하거나 작업을 수행하는 사용자 지정 함수를 전달하여 기본 제공 작업을 지정할 수 있습니다. Google 재질 디자인 가이드라인도 동일한 접근 방식을 권장합니다.

Tyvärr, det är nu stängt för kommentarer här.

© 2011 Radiostyrd Bilsport Suffusion theme by Sayontan Sinha