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

css3 클릭 탐색 콘텐츠 영역 푸시 및 풀 효과

2020-06-25 71조회 수

밀고 당기기 애니메이션 | 탐색 변경 | 전환 효과

css3 코드를 사용하여 탐색 메뉴 애니메이션 특수 효과를 실현하고 탐색을 클릭하여 오른쪽의 콘텐츠 영역을 슬라이딩하는 특수 효과를 실현합니다.

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

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

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