Le plug-in jQuery PageSlide implémente la navigation dans les barres latérales gauche et droite menu_jquery

PageSlide, le plug-in de menu de navigation des barres latérales gauche et droite de jQuery, est actuellement un formulaire d'affichage de menu de navigation populaire, en particulier sur les téléphones mobiles ou les pages à écran tactile. L'effet est toujours bon. Il prend en charge les directions d'affichage et le contenu des menus personnalisés. Il prend en charge Il est recommandé de charger la page ou d'afficher le contenu masqué de cette page dans un volet modal.

Utilisation :

1. Charger les plug-ins et 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. Comment utiliser

2.1 Droite, faites glisser et chargez le contenu de la page secondaire

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

2.2 Glissez vers la gauche et affichez le contenu masqué de cette page dans le volet modal

<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 Ouverture des fonctions

Copier le code Le code est le suivant :

73dba08a990b4e0b27053f76963816caTexte du lien5db79b134e9f6b82c0b36e0489ee08ed

Voir la démo Téléchargement du plug-in

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.