jQuery plug-in PageSlide implements left and right sidebar navigation menu_jquery

PageSlide, the jQuery left and right sidebar navigation menu plug-in, is currently a popular navigation menu display form, especially on mobile phones or touch screen pages. The effect is still good. It supports custom display directions and menu content. It supports It is recommended to load the page or display the hidden content of this page in a modal pane.

Usage:

1. Load plug-ins and 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. How to use

2.1 Right, slide and load content from secondary page

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

2.2 Slide to the left and display the hidden content of this page in the modal pane

<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 Function opening

View demo Plug-in download

The above is the entire content of this article, I hope you all like it.