Das jQuery-Plug-in PageSlide implementiert die linke und rechte Seitenleistennavigation menu_jquery

PageSlide, das Navigationsmenü-Plug-in für die linke und rechte Seitenleiste von jQuery, ist derzeit eine beliebte Anzeigeform für Navigationsmenüs, insbesondere auf Mobiltelefonen oder Touchscreen-Seiten. Es unterstützt immer noch benutzerdefinierte Anzeigerichtungen und Menüinhalte. Es unterstützt das Laden der Seite oder das Anzeigen des ausgeblendeten Inhalts dieser Seite in einem modalen Bereich.

Verwendung:

1. Plug-ins und jQuery laden

<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. So verwenden Sie

2.1 Rechts, schieben und Inhalte von der sekundären Seite laden

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

2.2 Nach links schieben und den verborgenen Inhalt dieser Seite im modalen Bereich anzeigen

<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 Funktionseröffnung

Demo ansehen Plug-in-Download

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.