아코디언 스타일의 메뉴를 사이트에 통합하기위한 훌륭한 기술. 단추 와

요소를 줄 바꿈하여 CSS를 사용하여 드롭다운 메뉴를 올바르게 배치합니다. HVDesigns는 아래로 떨어 뜨리고 더 많은 링크를 드러내는 메뉴를 제공합니다. 이 기사에서는 훌륭한 독특한 JavaScript 기반 탐색 기술과 예제를 발견 할 수 있습니다. HTML5, CSS3 및 jQuery를 사용하여 모바일 장치에 최적화 된 간단한 응답 메뉴 jQuery 플러그인. Uff, 엑셀렌츠… de verdad es impresionante lo bonito que es el CSS + JavaScript 고정 응답 탐색은 귀하의 웹 사이트에 대한 고정 및 터치 친화적 인 한 페이지 응답 네비게이션 시스템입니다. 그것은 매우 가볍고 실행하는 데 필요한 다른 자바 스크립트 라이브러리가 없습니다. Gaya Kessler는 jQuery를 사용하여 실제 차고 문을 모방한 놀라운 자바 스크립트 메뉴를 제공합니다. 사용자가 메뉴 항목 위로 마우스를 가져간 경우 메뉴 항목에 애니메이션을 주는 기술입니다. PSD 파일을 포함한 소스 파일을 다운로드할 수 있습니다.

안토니오 루페티는 간단한 자바 스크립트를 사용하는 디그 같은 메뉴를 제공합니다. cssProdigy, 5h4rk, 론 phatfusion Mootools 프레임 워크의 도움으로 이미지 메뉴를 만들었습니다. onClick 이벤트가 선택한 항목을 열어 둘 수 있습니다. 열기 항목을 클릭하여 닫습니다. onClick 이벤트에 대한 함수를 지정합니다. 페이지가로드 할 때 자동 열기 당신은 그의 웹 사이트를 통해이 메뉴의 저자에게 연락 할 수 있습니다 {링크 인해 제거 JotForm 블로그 규칙} 그것을 사용하고 그에게 소스 파일에 신용을 제공하도록 요청. 그것은 그것을 할 것입니다. 톰, 당신이 얘기하는 메뉴는 너무 멋지다, 그것은 페이지의 내용을 아래로 슬라이드하고 메인 메뉴 위에 마우스를 가져가면 하위 메뉴 항목을 보여줍니다. 나는 그 이름을 기억하지 못하지만 누군가가 도움이 될 수 있다면 그것은 훌륭할 것이고 우리는 또한 우리의 목록에 추가 할 수 있습니다. 팁: 각 이미지를 클릭하면 별도의 페이지에 있는 경우 탐색 메뉴 기법의 데모 페이지로 바로 이동합니다. 그들의 이름은 프로젝트 웹 페이지로 이동합니다. 6) 사용자 정의 메뉴 이벤트 이것은 생각 비타민 팀이 우리에게 메뉴 항목이 보기로 슬라이딩하고 야후 UI를 사용하여 가입 이벤트를 발사하는 방법을 보여 애니메이션과 사용자 정의 이벤트의 조합입니다.

메뉴를 열고 이벤트를 발생시키는 일회성 효과입니다. 3) 웨버 2.0 도크 메뉴 – 도크 유형 탐색의 좋은 예. 11) CSS 독 메뉴 당신은 큰 맥 팬이라면, 당신은 닉 라가 설계이 CSS 독 메뉴를 사랑합니다. 그것은 인터페이스와 그들의 아이콘의 일부에서 Jquery 자바 스크립트 라이브러리와 어안 구성 요소를 사용하고 있습니다. 기능이 많이 있는 MooTools를 기반으로 하는 또 다른 자바스크립트 메뉴. 2) 빠른 찾기 메뉴 스크립트 – 이 스크립트는 동적 “AJAX”응답을 기반으로 중첩 된 메뉴를 허용합니다. jQuery 인터페이스 라이브러리를 통해 메뉴를 드래그/삭제할 수도 있습니다. 12) jQuery 플러그인 : 슬라이딩 메뉴 – 인터페이스 플러그인에서 제공하는 효과를 사용하여 매우 간단한 슬라이딩 메뉴. 여기서 주요 아이디어는 콘텐츠와 하위 수준이 많은 메뉴의 공간을 절약하는 것입니다. 이 메뉴의 각 하위 수준은 자체 컨텍스트에 표시되어 “부모” 수준이 사라집니다. .dropdown-content 클래스에는 실제 드롭다운 메뉴가 있습니다.

기본적으로 숨겨져 있으며 호버(아래 참조)에 표시됩니다. 최소 너비는 160px로 설정되어 있습니다. 이 것을 자유롭게 변경하십시오. 팁: 드롭다운 콘텐츠의 너비를 드롭다운 버튼만큼 넓게 설정하려면 너비를 100%로 설정합니다(오버플로:자동을 사용하여 작은 화면에서 스크롤가능).