위치：홈페이지 > JS 특수 효과 코드 > 탐색 및 메뉴

순수 CSS 아코디언 아코디언 메뉴

2020-06-25 70조회 수

아코디언 | 아코디언

텍스트 확장 및 축소의 특수 효과 인 순수한 CSS 아코디언 아코디언 메뉴를 질문과 답변으로 사용할 수 있습니다.

온라인 미리보기 무료 다운로드

당신은 또한 좋아할 수 있습니다

css3 + js 마우스 호버 부채꼴 열기 메뉴
css3 + js 마우스 호버 팬 모양의 열기 메뉴 특수 효과 코드
Node.js 원형 메뉴 플러그인
아름다운 js 원형 메뉴 플러그인. 중간의 원형 버튼 주위에 작은 아이콘 메뉴 버튼이 나타납니다.
jQuery 원형 메뉴 회전 캐 러셀 플러그인
jQuery 및 css3는 원형 아이콘 메뉴 캐 러셀 플러그인, 매우 창의적인 메뉴 효과를 구현합니다. 텍스트를 중심으로 회전하는 원형 아이콘 메뉴를 만듭니다. 아이콘을 클릭하면 해당 메뉴 코드로 전환됩니다. ps : IE와 호환되지 않음 : 6, 7, 8
jQuery + json 무제한 트리 메뉴 플러그인
jQuery + json 재귀 무한 극 트리 메뉴 플러그인, 재귀에 의해 실현되는 무한 레벨 트리 메뉴, 클릭하여 확장 및 축소, 데이터는 json 동적 데이터 (JQ 및 재귀를 달성하는 두 가지 방법이 있습니다)
부트 스트랩 반응 형 탐색 메뉴 플러그인 다양한 장치 스타일
다양한 크기의 장치에서 다양한 스타일의 반응 형 탐색 메뉴 인 Bootstrap3은 슬라이딩 사이드 바 jQuery 플러그인을 숨 깁니다. 사이드 바 플러그인은 대형 화면 장치에서 일반 수평 상단 메뉴를 표시하고 휴대폰과 같은 작은 화면 장치에서는 메뉴가 슬라이딩 사이드 바를 숨기도록 변환됩니다. Bootstrap은 기본적으로 작은 화면 장치에서 메뉴를 숨기고 햄버거 버튼 만 표시합니다. 그러나 숨겨진 메뉴는 슬라이딩 효과가 없습니다. offcanvas.js 사이드 바 플러그인은 Bootstrap의 숨겨진 메뉴를 슬라이딩 메뉴로 변환 할 수 있습니다.
jQuery는 버튼을 클릭하여 탄력적 메뉴를 확장합니다.
공유 버튼과 유사한 특수 효과를 확장하여 작은 아이콘 형태로 제공됩니다. 차이점은이 공유 버튼은 클릭 한 후 각 작은 아이콘을 유연하게 확장 할 수 있으며 버튼을 드래그 할 때 각 작은 아이콘도 마우스와 함께 이동한다는 것입니다. 그 효과는 매우 멋지다.
jQuery 단순 탭 탭 플러그인
탭 탐색은 웹 브라우징에서 자주 접하는 요소입니다. 많은 측면과 많은 스타일이 있습니다. 탭을 클릭하면 페이지를 새로 고치지 않고 내용을 볼 수 있다는 것도 마찬가지입니다.
부트 스트랩 스타일 트리 메뉴 플러그인 ztree
Ztree는 실용적인 트리 메뉴 탐색 플러그인, 부트 스트랩 스타일 트리 메뉴 플러그인, 다단계 조직 구조 메뉴입니다.
부트 스트랩 스크롤 상단 탐색 메뉴 숨기기 jQuery 플러그인
AutoHiding은 페이지가 스크롤 될 때 Bootstrap 상단의 탐색 메뉴를 자동으로 숨기는 매우 유용한 jQuery 플러그인입니다. 네이티브 부트 스트랩 상단의 고정 탐색 메뉴를 확장하여 페이지가 아래로 스크롤 될 때 숨겨지고 페이지가 위로 스크롤 될 때 표시됩니다.
jQuery 플로팅 고객 서비스 플러그인
웹 페이지 오른쪽에 간단한 QQ 고객 서비스 효과, 웹 페이지 상단으로 돌아가는 기능과 함께 jQuery에 의해 구현 된 플로팅 효과.