드롭 다운은 <select> <옵션 값 = ''> </옵션> </select> 형식의 유형이 아니지만 탐색 표시 줄에서 일반적으로 발견되는 유형입니다.
공식 부트 스트랩 웹 사이트에는 드롭 다운 메뉴 드롭 다운, 공식 영어 웹 사이트에 대한 설명이 거의 없습니다.
드롭 다운 메뉴의 배경색을 변경하는 방법, 드롭 다운 메뉴의 기본 검은 색 하이퍼 링크가 수정 된 경우 드롭 다운 메뉴를 텍스트 스타일 대신 일반 하이퍼 링크로 변경하는 방법에 대한 구체적인 설명은 없습니다. 공식 웹 사이트에는 구체적인 설명이 없습니다.
또한 공식 웹 사이트의 하이퍼 링크 코드는 많은 쓸모없는 매개 변수와 혼합되어 있습니다.
저자는 드롭 다운 메뉴를 변경하는 방법을 찾기 전에 오랫동안 공부 해 왔습니다.
다음은 Bootstrap 용 IE8의 드롭 다운 메뉴입니다. 앞으로 IE8을 사용하여 테스트해야합니다 . Google과 같은 고급 브라우저는 많은 버그를 다루었습니다.
드롭 다운 메뉴의 배경색을 변경하는 방법, 기본 검은 색 하이퍼 링크를 수정하면 드롭 다운 메뉴를 텍스트 스타일 대신 일반 하이퍼 링크로 변경하는 방법을 제공합니다.
드롭 다운 메뉴의 프레임을 변경하는 방법에 관해서는 정말 힘이 없습니다.
위의 드롭 다운 메뉴 별 구현은 다음 코드를 참조하십시오.
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w.w.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><Html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/<link href = "css/bootstrap.css" "media =" "" "". type = "text/javaScript"src = "js/jquery-1.11.1.1.js"> </script> <script type = "text/javaScript 메뉴-> <button type = "button"data-toggle = "dropdown"> 드롭 다운 메뉴 <!-이것은 드롭 다운 메뉴 옆의 작은 삼각형입니다-> <pan> </span> </button> <!-클래스의 드롭 다운 메뉴와 레이블 warning 속성은 드롭 다운 메뉴의 배경 색상을 변경할 수 있습니다-> <lo 역할 = "> <li> <!-클래스의 클래스에서 텍스트가 포함됩니다. 하이퍼 링크처럼 보이는 검은 색에서 파란색으로의 드롭 다운 메뉴에서-> <a href = "#"> <span> project 1 </span> </a> </li> <li> <a href = "#"> <span> project 2 </a> </li> </ul> </body> </html>
드롭 다운 메뉴는 jQuery 지원 없이는 작동하지 않습니다. 드롭 다운 메뉴는 원래 JavaScript 구성 요소입니다.
부트 스트랩 전에 드롭 다운 메뉴를 작성하여 숨겨진 레이어를 정의하십시오. 이 층은 마우스 호버를 가리거나 해당 하이퍼 링크를 클릭 한 후에 표시됩니다. 마우스가 여기에 묶여 층을 숨기면 숨겨진 층이 여전히 표시됩니다. 마우스 가이 숨겨진 층을 떠날 때, 숨겨진 층은 디스플레이에서 숨겨진 것으로 계속 변할 것입니다.
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.