PageSlide pemalam jQuery melaksanakan menu_jquery navigasi bar sisi kiri dan kanan

PageSlide, pemalam menu navigasi bar sisi kiri dan kanan jQuery, kini merupakan borang paparan menu navigasi yang popular, terutamanya pada telefon mudah alih atau halaman skrin sentuh Kesannya masih bagus. Ia menyokong Adalah disyorkan untuk memuatkan halaman atau memaparkan kandungan tersembunyi halaman ini dalam anak tetingkap modal.

Penggunaan:

1. Muatkan pemalam dan 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. Cara menggunakan

2.1 Kanan, slaid dan muatkan kandungan dari halaman kedua

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

2.2 Luncurkan ke kiri dan paparkan kandungan tersembunyi halaman ini dalam anak tetingkap 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 Pembukaan fungsi

Salin kod Kod adalah seperti berikut:

Pautan teks

Lihat demo Muat turun pemalam

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.