Rumah >hujung hadapan web >tutorial js >Disyorkan 9 kesan praktikal jQuery paling popular pada 2014_jquery

Disyorkan 9 kesan praktikal jQuery paling popular pada 2014_jquery

WBOY
WBOYasal
2016-05-16 16:28:311336semak imbas

1. Tiga karusel imej fokus atmosfera pelbagai fungsi yang dilaksanakan oleh jQuery cxSlide

Kod sumber untuk tiga kesan karusel carta tumpuan pelbagai fungsi yang dilaksanakan oleh jQuery cxSlide ialah kod karusel carta fokus dengan tiga gaya dan kesan yang berbeza Dua daripadanya adalah yang paling menarik, satu adalah untuk menggabungkan gambar carta fokus. Ia dibahagikan kepada empat bahagian, setiap gambar disambungkan ke alamat yang berbeza, dan ia juga mempunyai kesan apabila tetikus melayang di atas gambar dalaman, gambar lain akan menjadi lebih gelap kesan. Tiga kod karusel imej fokus dalam contoh ini sesuai untuk mana-mana tapak web Rakan yang memerlukan kod ini boleh memuat turun dan menggunakannya.

Demo dalam talian

Muat turun kod sumber

Kod sumber Lightcase pemalam pelbagai fungsi jQuery lapisan pop timbul

Ini ialah kod sumber Lightcase lapisan pop timbul berbilang fungsi Ia ialah pemalam peti cahaya yang boleh dilanjutkan yang menyokong semua penyemak imbas arus perdana dan peranti mudah alih. Ia menyokong berbilang jenis media dalam lapisan pop timbul , seperti: gambar, video swf, video html5, kandungan ajax, iframe, dsb.

Demo dalam talian

Muat turun kod sumber

3.jQuery/html5 melaksanakan klik skrin sentuh telefon mudah alih untuk menu navigasi timbul

Ini ialah kod sumber kesan menu navigasi klik skrin sentuh telefon mudah alih berdasarkan jQuery dan html5 Klik butang menu di penjuru kanan sebelah atas untuk muncul menu lungsur, dan terdapat paparan menu kedua fungsi pensuisan. Kesan antara muka keseluruhan adalah segar, semula jadi, cantik dan elegan Ia adalah kod sumber kesan khas yang sangat praktikal dan sangat baik.

Demo dalam talian

Muat turun kod sumber

4.jquery klik pada imej kecil untuk memaparkan imej besar pemalam tayangan slaid skrin penuh

Ini ialah kod sumber pemalam tayangan slaid skrin penuh berdasarkan jquery Klik pada gambar kecil untuk memaparkan kesan penukaran skrin penuh tayangan slaid gambar besar. Tayangan slaid gambar besar mempunyai butang beralih kiri dan kanan, dan terdapat butang tutup tayangan slaid di bahagian atas sebelah kanan Ia adalah kod sumber kesan khas yang sangat baik.

Demo dalam talian

Muat turun kod sumber

Gambar tiga dimensi 5.3D kesan putaran 360 darjah

Gambar tiga dimensi 3D dengan putaran 360 darjah dan kesan penjelmaan semula Kod sumber mempunyai kesan tiga dimensi yang hebat Ia mengekalkan putaran tiga dimensi 360 darjah, serupa dengan kesan seperti karusel.

Demo dalam talian

Muat turun kod sumber

6 Simulasikan klien mudah alih berdasarkan jQuery untuk menukar imej fokus ke kiri dan kanan antara lima lakaran kecil

Berdasarkan jQuery, kod sumber untuk mensimulasikan penukaran kiri dan kanan lima lakaran kecil pada klien mudah alih dan kesan khas imej fokus ialah penukaran kiri dan kanan, serupa dengan kod sumber untuk kesan penukaran imej sepanduk pada pelanggan mudah alih Ia menyokong pensuisan automatik, kodnya mudah, dan pensuisan kiri dan kanan lancar.

Demo dalam talian

Muat turun kod sumber

7. Susunan saiz imej boleh laras berdasarkan jQuery

Kesan susunan imej yang boleh diubah saiz jQuery adalah serupa dengan gaya penukaran teks antara besar, sederhana dan kecil dalam artikel sebelumnya, kecuali sekarang perubahan itu hanyalah imej Gunakan atribut animasi jQuery untuk memberikan imej tiga saiz masing-masing diklik Hanya tetapkan dimensi yang sepadan dengan lebar dan tinggi imej.

Demo dalam talian

Muat turun kod sumber

8.js melaksanakan kalkulator ringkas

Ini adalah applet kalkulator berdasarkan js Fungsi kalkulator adalah sangat mudah dan boleh melaksanakan operasi penambahan, penolakan, pendaraban dan pembahagian yang mudah Anda juga boleh melaksanakan fungsi pengiraan sendiri, lagipun, semua operasi matematik boleh dicapai dengan Javascript.

Demo dalam talian

Muat turun kod sumber

9.Kesan album foto desktop HTML5

Hari ini kami akan berkongsi aplikasi album foto berdasarkan HTML5 dan jQuery Apabila menyemak imbas gambar dalam album foto, gambar boleh diletakkan di mana-mana kedudukan seolah-olah ia diletakkan di desktop. Anda juga boleh menyeret imej untuk mengalihkannya ke mana-mana pada desktop. Selepas mengklik butang tutup pada imej, imej akan bertukar menjadi kertas sampah dan hilang.

Demo dalam talian

Muat turun kod sumber

Apa yang kami cadangkan di sini ialah kesan khas jQuery dengan trafik tinggi di laman web ini. Rakan yang memerlukannya boleh merujuknya untuk rujukan mereka sendiri.

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