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

Copy code The code is as follows:

d031f3a76ecc039d094652dc91527be3Link text5db79b134e9f6b82c0b36e0489ee08ed

View demo Plug-in download

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