jParallax ternyata elemen yang dipilih menjadi 'jendela', atau viewport, dan semua anak-anak ke dalam lapisan benar-benar diposisikan yang dapat dilihat melalui viewport.
Lapisan ini bergerak dalam menanggapi mouse, dan, tergantung pada dimensi mereka (dan pilihan untuk lapisan inisialisasi), mereka bergerak dengan jumlah yang berbeda, dalam semacam parallaxy dari jalan.
Jika lapisan terbuat dari & # x3c; div & # x3e; s atau & # x3c; li & # x3e; s atau wadah lain maka konten dapat diposisikan dalam lapisan-lapisan, dan Parallax memberikan metode untuk menavigasi ke konten yang dalam menanggapi peristiwa pengguna.
Perilaku default jParallax adalah untuk menunjukkan seluruh lebar lapisan dalam menanggapi mouse bepergian seluruh lebar parallax 'jendela'. Ketika mouse akan dipindahkan ke sisi kiri ekstrim dari jendela parallaxed sisi kiri layer memenuhi itu, dan ketika mouse digerakkan ke sisi kanan ekstrim jendela parallaxed sisi kanan Lapisan tiba di tangan sisi kanan jendela.
jParallax dapat digunakan dengan cara yang sederhana untuk membuat lapisan bernyawa di berbagai ukuran dan kecepatan menggunakan CSS.
Lapisan yang lebih besar bergerak lebih cepat dan dengan demikian tampak lebih dekat, dan kecuali lapisan lebih kecil dari viewport, ujungnya tidak pernah terlihat.
Dengan jParallax dalam keadaan default, dan 'kecepatan' dari lapisan dikendalikan hanya dengan membuat gambar ukuran yang berbeda
Apa yang baru dalam rilis ini:.
< p>- Ditambahkan lisensi.
Apa yang baru di versi 1.0:
- Namespace berubah menjadi .parallax ()
- Freeze dan kembali posisi-
- Siapkan viewports menggunakan CSS
- Siapkan mouseports menggunakan CSS
- xtravel dan ytravel pilihan dihapus
Apa yang baru di versi 0.9.1 BETA:.
- Fixed bug ketika menentukan perjalanan dengan%
- Perjalanan px atau deteksi% memiliki Regex lebih kuat .
- optimasi Kode .
Persyaratan :
- Javascript pada sisi client
- jQuery 1.2.6 atau lebih tinggi
Komentar tidak ditemukan