jQuery 플러그인 PageSlide는 왼쪽 및 오른쪽 사이드바 탐색을 구현합니다.

jQuery 왼쪽 및 오른쪽 사이드바 탐색 메뉴 플러그인인 PageSlide는 현재 특히 휴대폰이나 터치 스크린 페이지에서 인기 있는 탐색 메뉴 표시 형식으로, 사용자 정의 표시 방향과 메뉴 콘텐츠를 여전히 지원합니다. 지원합니다. 페이지를 로드하거나 모달 창에 이 페이지의 숨겨진 콘텐츠를 표시하는 것이 좋습니다.

사용법:

1. 플러그인 및 jQuery 로드

<link rel="stylesheet" type="text/css" href="../jquery.pageslide.css" /> 
<script src="../lib/jquery-1.7.1.min.js"></script> 
<script src="../jquery.pageslide.min.js"></script> 

2. 이용방법

2.1 보조 페이지에서 오른쪽으로 슬라이드하여 콘텐츠 로드

<a href="_secondary.html" class="first">Link text</a> 
<script> 
 $("a.first").pageslide(); 
</script> 

2.2 왼쪽으로 밀어 모달 창에 이 페이지의 숨겨진 콘텐츠를 표시합니다

<a href="#modal" class="second"></Link text</a> 
<div id="modal" style="display:none"> 
 <h2>Modal</h2> 
 <a href="javascript：$.pageslide.close()"></Closea> 
</div> 

2.3 기능개시

코드 복사 코드는 다음과 같습니다.

aacd960abc608dc97bf9052a3b975ad3링크 텍스트5db79b134e9f6b82c0b36e0489ee08ed

데모 보기 플러그인 다운로드

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.