Rumah > Artikel > hujung hadapan web > Apakah perpustakaan mudah alih jquery?
Pustaka mudah alih jquery termasuk: 1. Mobiscroll, digunakan untuk menatal putaran, pemilihan tarikh dan masa pada peranti skrin sentuh 2. "Ion.Sound", digunakan untuk pemberitahuan bunyi segera; Buat menu navigasi laci yang lancar 4. Naver, digunakan untuk membuat navigasi responsif 5. gShake, dsb.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.
Dengan pembangunan Internet mudah alih, halaman web dari PC tidak dapat menyesuaikan sepenuhnya dengan keperluan halaman mudah alih, yang menjadikan pengalaman reka bentuk responsif muncul dan menjadi satu trend yang menggalakkan jQuery Mobile populariti. jQuery Mobile, rangka kerja berdasarkan jQuery dan UI jQuery, mewarisi intipati jQuery "menulis kurang, melakukan lebih", mempunyai kebolehskalaan dan kebolehsesuaian yang baik, dan serasi sepenuhnya dengan pelbagai peranti platform Untuk jenis telefon mudah alih yang tidak disokong, gaya Asas juga diberi.
Artikel ini memperincikan 15 pemalam mudah alih jQuery yang sangat baik dan praktikal (perpustakaan), dengan pelbagai jenis, dari pemilihan tarikh/masa, pemberitahuan bunyi segera, menu navigasi laci, gaya iOS, navigasi akordion , Daripada menyembunyikan/menunjukkan kata laluan dan kesan peti cahaya kepada menyejukkan peta interaktif, getaran halaman, Native, paparan album foto/galeri, dsb., sentiasa ada sesuatu yang akan menarik perhatian anda.
1. Mobiscroll
https://mobiscroll.com/
Bagi kebanyakan pembangun, Mobiscroll bukanlah sesuatu yang asing, malah boleh dikatakan bahawa Ia agak biasa. Mobiscroll ialah pemalam mudah alih jQuery yang sangat bagus, digunakan terutamanya untuk tatal putaran/tarikh dan pemilihan masa pada peranti skrin sentuh. Melaluinya, pengguna boleh membuat pemilihan tarikh dan masa dengan hanya meluncur nombor (klik pautan untuk melihat Demo).
Mobiscroll bukan sahaja menyokong sebarang nilai tersuai, membenarkan pengguna menyesuaikan tema sepenuhnya, tetapi juga boleh digunakan untuk kawalan pemilihan tempatan senarai lungsur. Di samping itu, ia juga sangat mudah untuk digunakan Ia bukan sahaja menyediakan pembangun dengan skema warna yang sangat maju, tetapi juga boleh diubah suai sepenuhnya melalui fail CSS. Menyokong semua penyemak imbas mudah alih dan desktop arus perdana termasuk iOS, Android, WP8, Windows 8, BlackBerry, dll.
2. Bunyi Ion
http://ionden.com/a/plugins/ion.sound/en.html
Hari Ini Hari Ini , kedua-dua tapak web web dan mudah alih penuh dengan pelbagai acara, seperti e-mel baharu, mesej sembang baharu, kemas kini kandungan, dsb. Tetapi selalunya terdapat masalah bahawa pemberitahuan segera tidak dapat menarik perhatian pengguna dengan segera. Melalui pemalam Ion.Sound, tugasan ini boleh dicapai dengan baik.
Ion.Sound ialah pemalam jQuery untuk memainkan bunyi acara Ia menggunakan lesen MIT dan mengandungi 25 bunyi percuma. Sehingga kini, Ion.Sound telah berjaya digunakan dalam pelayar desktop seperti Google Chrome, Mozilla Firefox, Opera, Safari dan IE (9.0), dan menyokong semua penyemak imbas mudah alih utama.
3. jQuery.mmenu
http://mmenu.frebsite.nl/
jQuery.mmenu ialah alat untuk mencipta jQuery yang lancar pemalam untuk menu navigasi laci hanya memerlukan satu baris kod JavaScript untuk melaksanakan menu gelongsor yang sangat hebat serupa dengan penampilan apl mudah alih pada tapak web mudah alih.
Dengan jQuery.mmenu, pembangun boleh menukar senarai tidak tersusun kepada item menu dan menyesuaikannya. jQuery.mmenu bukan sahaja menyediakan pembangun dengan penyesuaian menu biasa seperti membuka, menutup, menukar, dsb., tetapi juga menyediakan tetapan untuk kedudukan menu (kiri/kanan), sama ada untuk memaparkan pembilang item menu, dan pilihan lain.
4 Naver
http://www.benplum.com/formstone/naver/
Naver ialah perisian yang direka khas untuk mencipta respons plugin jQuery untuk navigasi gaya. Melaluinya, pembangun boleh dengan mudah mencipta kesan navigasi yang sangat mesra kepada terminal mudah alih, dan juga boleh mencipta navigasi dinamik. Naver serasi dengan Firefox, Chrome, Safari dan IE(7), dan dikeluarkan di bawah lesen MIT Ia boleh digunakan secara bebas dan percuma, sama ada dalam projek peribadi atau komersial.
5. iosOverlay.js
http://taitems.github.io/iOS-Overlay/
iosOverlay.js ialah A jQuery pemalam untuk mencipta kesan gesaan/pemberitahuan gaya iOS, menyokong IE7, Google Chrome, Firefox, Opera dan Safari (versi desktop dan mudah alih). Perlu diingatkan bahawa jika anda ingin menghalang ikon daripada berkelip semasa memuatkan, pembangun perlu pramuat sumber imej.
Selain itu, terdapat dua kebergantungan pilihan untuk iosOverlay.js, iaitu Spin.js dan jQuery. Jika pembangun ingin menggunakan objek senarai juntai bawahnya, mereka mesti menggunakan Spin.js, dan untuk penyemak imbas yang tidak serasi dengan animasi CSS, jQuery dikehendaki menyediakan sokongan.
6. Tab Responsif Mudah
https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion
Easy Responsive Tabs ialah pemalam jQuery tab/navigasi akordion responsif ringan yang menyokong berbilang contoh pada halaman yang sama dan menyokong web, tablet dan peranti mudah alih merentas platform. Pemalam ini boleh menyesuaikan diri dengan saiz skrin Gaya lalai ialah Tab mendatar/menegak Apabila tetingkap menjadi lebih kecil, ia akan bertukar secara automatik kepada gaya akordion.
7 Sembunyikan/Tunjukkan Kata Laluan
https://github.com/cloudfour/hideShowPassword
Pemalam Sembunyikan/tunjukkan Kata Laluan membolehkan anda menyembunyikan dan menunjukkan kandungan kotak input kata laluan dengan mudah. Perkara yang paling menarik tentang pemalam ini ialah pilihan "innerToggle". Apabila ditetapkan kepada hidup, pembangun boleh tersuai membuat kawalan sembunyi/tunjukkan yang sangat cantik. Dan ia mengekalkan fokus input apabila meleret dalam pelayar skrin sentuh.
8. Swipebox
http://brutaldesign.github.io/swipebox/
Swipebox ialah pemalam kesan khas peti cahaya jQuery yang indah . Tersedia untuk peranti desktop, mudah alih dan tablet. Pada mudah alih, navigasi gerak isyarat leret disokong, manakala pada desktop, navigasi papan kekunci tersedia. Pelayar yang tidak menyokong ciri peralihan CSS3 boleh menggunakan pemprosesan penurunan taraf jQuery, menyokong paparan retina dan boleh disesuaikan dengan mudah melalui CSS.
Apabila pengguna mengklik pada gambar sasaran, foto akan dipaparkan dalam saiz penuh Selain itu, pengguna juga boleh menukar gambar dalam kumpulan yang sama ke kiri dan kanan untuk melihat, yang sangat sesuai untuk dibuat galeri foto dan melihat gambar bersaiz besar.
9 Folder Apl
http://app-folders.com/
Jika anda seorang fanatik iOS, maka untuk iOS The style. folder mesti sangat biasa. "Klik pada folder untuk mengaburkan elemen sekeliling dengan memperdalam ketelusan, dan kemudian memaparkan kandungan folder App Folders hanyalah pemalam jQuery yang boleh mencapai kesan folder iOS. Pemalam ini boleh berfungsi pada kedua-dua pelayar desktop dan mudah alih, dan kebolehsuaiannya sangat baik.
Elemen folder Folder Apl boleh mengandungi sebarang elemen HTML, seperti imej, teks, video, dsb., dan setiap folder mempunyai URL sendiri untuk klik langsung. Sudah tentu, pembangun tidak perlu berpegang pada kesan yang sama seperti folder iOS Melalui Folder Apl, pembangun boleh menyesuaikan reka letak yang lebih kreatif dan kesan khas.
10. jQuery Flip
http://amegan.github.io/jquery-flip/
jQuery Flip ialah alat yang boleh membuat mana-mana pemalam jQuery yang menghasilkan kesan flip seperti Flipboard yang sangat cantik pada HTML, teks atau elemen jQuery, dikeluarkan di bawah lesen MIT. Menggunakan transformasi CSS 3D, kelajuan flip juga boleh ditetapkan, dan ia menyokong sepenuhnya penyemak imbas WebKit seperti Chrome, Safari dan Firefox 11.
11. Peta UI jQuery
https://code.google.com/p/jquery-ui-map/
Untuk aplikasi peta Bagi pembangun, Peta UI jQuery sememangnya alat penting untuk pembangunan. Pemalam jQuery yang ringan ini berbeza daripada API Peta Google Melalui Peta UI jQuery, pembangun bukan sahaja boleh menggunakan pendengar acara Google untuk acara mudah seperti klik, tetapi juga menggunakan acara klik jQuery pada peta dan penanda.
Peta UI jQuery bukan sahaja sangat fleksibel, tetapi juga sangat disesuaikan. Untuk memaparkan acara yang dijadualkan pada peta, Peta UI jQuery disepadukan dengan Peta Google, membolehkan pembangun membuat peta interaktif dengan mudah. Ciri terbesar Peta UI jQuery ialah apabila pelanggan tidak menyokong JavaScript, pembangun boleh menggunakan format data HTML seperti mikroformat, RDFa atau mikrodata untuk mencapai penyegerakan pada tapak ganti.
12. gShake
https://github.com/GerManson/gShake
gShake ialah pemalam jQuery yang boleh mencapai kesan getaran . Dengan hanya beberapa baris kod, anda boleh membuat navigasi, gambar, dan juga halaman itu sendiri bergegar, menjadikan halaman itu dinamik dan menyeronokkan.
13. jQTouch
http://jqtjs.com/
Berbanding dengan banyak pemalam jQuery yang boleh digunakan untuk pembangunan mudah alih diperkenalkan dalam artikel ini, jQTouch jelas lebih terkenal. Dengan jQTouch, pembangun boleh mencipta aplikasi mudah alih yang sangat berkuasa hanya menggunakan HTML, CSS dan jQuery Apa yang lebih hebat ialah pembangun boleh membina UI tersuai sepenuhnya menggunakan hanya fail CSS teras.
jQTouch boleh melaksanakan kesan UI biasa seperti animasi, navigasi senarai, gaya lalai, dll. pada pelayar WebKit peranti mudah alih Walau bagaimanapun, jika anda ingin mencapai lebih banyak kesan asli, anda perlu menambah fail CSS tambahan. Untuk pembangun iOS, tidak perlu risau tentang perkara ini, kerana jQTouch menyediakan set fail CSS kesan asli yang kaya untuk pembangunan iOS.
14 PhotoSwipe
http://www.photoswipe.com/
PhotoSwipe ialah perisian sumber terbuka dan percuma yang direka untuk skrin sentuh mudah alih peranti Pakej paparan album foto/galeri yang direka serasi dengan iOS, Android, Blackberry dan platform arus perdana serta pelayar desktop yang lain. Pelaksanaan asasnya adalah berdasarkan HTML, CSS dan JavaScript dan tidak bergantung pada mana-mana rangka kerja Ia sangat sesuai untuk pereka bentuk dan pembangun yang ingin menjadikan pengalaman album foto tapak mudah alih sama seperti apl asli.
PhotoSwipe ialah perpustakaan JavaScript kendiri yang mudah disepadukan ke dalam tapak web mudah alih dan sangat dioptimumkan untuk penyemak imbas mudah alih. Selain itu, dalam kod sumber, PhotoSwipe juga menyediakan sokongan untuk pelayar desktop dan penggunaan jQuery Mobile.
15 Galeri Sentuh
http://neteye.github.io/touch-gallery.html
Seperti PhotoSwipe, Touch Gallery juga Pemalam paparan imej, yang melaluinya pembangun boleh mencapai kesan paparan imej yang serupa dengan aplikasi album foto asli pada penyemak imbas mudah alih. Ia menyokong operasi menyemak imbas gerak isyarat dan juga boleh digunakan pada penyemak imbas desktop seperti Safari, Firefox, Opera dan Chrome, tetapi beberapa fungsi tidak dapat dilaksanakan.
[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]
Atas ialah kandungan terperinci Apakah perpustakaan mudah alih jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!