The jQuery plug in PageSlide implements the left and right sidebar navigation menus

  • 2020-05-27 04:20:09
  • OfStack

jQuery left and right side navigation menu plugin PageSlide, at present relatively popular in the navigation menu display form, especially in the mobile terminal or touch screen page, effect is good, support custom show the direction of the menu content can define, support the loading page, or modal pane shows the hidden content of the page, it is recommended to use.


1. Load the plug-in 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. Usage

2.1 slide to the right and load the content from the secondary page

<a href="_secondary.html" class="first">Link text</a> 

2.2 slide to the left and display the hidden contents of the page in the modal pane

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

2.3 function opening

 <a href="javascript : $.pageslide({ direction: 'left', href:'_secondary.html' })">Link text</a> 

See the demo plug-in download

That's all for this article, I hope you enjoy it.

Related articles: