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 :

Texte du lien

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.