Heim >Web-Frontend >js-Tutorial >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
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.