Rumah >hujung hadapan web >tutorial js >PageSlide pemalam jQuery melaksanakan menu_jquery navigasi bar sisi kiri dan kanan

PageSlide pemalam jQuery melaksanakan menu_jquery navigasi bar sisi kiri dan kanan

WBOY
WBOYasal
2016-05-16 16:04:401215semak imbas

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:
db1a880a9ef0a3cd3b58681ee77c931ePautan teks5db79b134e9f6b82c0b36e0489ee08ed

Lihat demo Muat turun pemalam

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn