50 pemalam jQuery untuk membawa tapak web anda ke level_jquery yang lain

Lanskap web sentiasa berubah dan sempadannya berubah setiap hari yang berlalu (walaupun mengikut jam), dengan banyak perkembangan baharu dibuat apabila sempadannya berkembang. Di tengah-tengah kemajuan ini, pembangun terus berusaha untuk mencipta skrip yang lebih besar dan lebih baik yang merupakan pemalam untuk pengalaman pengguna akhir yang lebih baik, lebih ringan dan mempunyai kuasa pemprosesan yang lebih tinggi daripada rakan sejawatan asal mereka.

Kuncinya ialah skrip dan pemalam yang baru dibangunkan ini boleh membina Web responsif tanpa kehilangan ciri fungsi asalnya - selain lebih baik dan ringan (dari segi saiz fail), Ia juga tidak meningkatkan masa muat halaman .

Mudah untuk menguasai sintaks JQuery dengan menyemak imbas dokumentasi. Ia boleh menyokong pemilihan elemen DOM, mencipta animasi, mengendalikan acara, membangunkan aplikasi Ajax, dan juga menyediakan pembangun dengan keupayaan untuk mencipta pemalam berdasarkan perpustakaan kelas JavaScript.

Pembangun seni bina jQuery dapat mencipta kod pemalam untuk melanjutkan fungsinya, menghasilkan beberapa pemalam terbaik untuk membawa tapak web anda atau mana-mana projek tertentu ke tahap yang baharu.

Dalam artikel ini, kami telah mengumpulkan beberapa pemalam JQuery terbaik untuk anda pilih daripada pemalam ini menyediakan pelbagai fungsi dan ciri untuk memberikan banyak kesan yang boleh dibayangkan kepada halaman web anda. Kami harap anda akan menemui pemalam yang anda cari dalam senarai di bawah.

Beritahu kami di ruang komen di bawah pemalam yang telah anda gunakan sebelum ini atau pemalam yang anda sedang pertimbangkan untuk menggunakan dalam projek atau tapak web akan datang.

1. FlickerPlate

Flickerplate ialah pemalam jQuery yang mudah digunakan yang membolehkan anda memunculkan kandungan. Ia juga bergantung pada Modernizr untuk pengesanan sentuhan dan menggunakan perpustakaan jQuery.Finger untuk acara sentuhan. Flickerplate boleh dikonfigurasikan dalam pelbagai cara. Anda boleh menetapkan pilihan melalui panggilan Javascript. Atau anda boleh menetapkan pilihan melalui atribut data pada elemen sebenar.

2. Menandai JS

TaggingJS ialah pemalam jQuery untuk mencipta sistem penandaan bahagian hadapan yang sangat disesuaikan. Ia kurang daripada 3 kb dan menyokong kebanyakan penyemak imbas dunia. Ia berdasarkan lesen MIT.

3. Sihir Tatal

ScrollMagic ialah pemalam jQuery untuk interaksi tatal ajaib membolehkan anda menggunakan bar skrol seperti bar kemajuan. Jika anda ingin memulakan animasi pada kedudukan tatal yang ditentukan, pastikan animasi disegerakkan dengan pergerakan bar skrol, dan betulkan elemen pada kedudukan tatal tertentu (elemen melekit), ini adalah pemalam untuk anda.

32. jPages : Penomboran Dikuasakan JavaScript

jPages ialah skrip paging sebelah pelanggan (pemalam jQuery) dengan ciri seperti navigasi papan kekunci + tatal, penukaran halaman automatik, paparan tertunda dan panel navigasi yang boleh disesuaikan. Sebarang bilangan halaman unsur penomboran boleh dimasukkan ke dalam halaman yang sama dan boleh diletakkan dengan mudah.

5. Pnotify

PNotify ialah pemalam pemberitahuan JavaScript yang dibangunkan oleh SciActive, dahulunya dikenali sebagai Pines Notify. Konsep reka bentuknya adalah untuk menyediakan yang sangat fleksibel namun sangat mudah untuk dilaksanakan dan digunakan. Ia menyediakan pemberitahuan tidak menyekat. Membenarkan pengguna mengklik pada elemen di belakang pemberitahuan tanpa menutupnya. PNotify menggunakan Bootstrap dan UI jQuery untuk menentukan gaya, yang bermaksud ia boleh disesuaikan dengan mudah dengan tema.

6. Semuanya

Keseluruhannya ialah pemalam jQuery yang digunakan untuk mencetuskan acara masuk tetikus dan meninggalkan tetikus pada lajur jadual. Keseluruhan digunakan untuk menyerlahkan keseluruhan lajur jadual dan menyokong sifat colspan dan rowspan jadual. Jika anda ingin menyokong atribut colspan dan rowspan, maka anda perlu membina indeks sel jadual (indeks sel) terlebih dahulu. Selepas itu, anda perlu menjejaki peristiwa semua sel dalam jadual, mencari sel yang anda minati dan mengira pengimbangnya dalam matriks dan lajur yang berkongsi indeks menegak yang sama. Sepenuhnya tidak mempunyai sekatan untuk menetapkan gaya tertentu.

7. MixitUp

MixItUp ialah pemalam jQuery yang menyediakan penapisan dan pengisihan animasi. Ia bagus untuk mengurus kandungan dan blog yang mudah dikategorikan atau disusun seperti folder, tetapi juga boleh berfungsi sebagai alat yang berkuasa untuk UI aplikasi dan visualisasi data yang menarik.

8. Velocity.js

Velocity ialah pemalam jQuery yang mengimplementasikan semula $.animate() dan termasuk ciri baharu untuk menambah baik proses animasi (menjadikan Velocity juga lebih pantas daripada perpustakaan animasi CSS), digunakan untuk menjana Animasi yang luar biasa prestasi.

9. rowGrid

rowGrid.js ialah pemalam jQuery yang kecil dan ringan (kira-kira 700 bit selepas gzip) untuk meletakkan imej (atau item kandungan lain) dalam baris lurus. Grid adalah serupa dengan grid untuk Carian Imej Google, flickr, shutterstock dan imej Google+. rowGrid.js adalah responsif, yang membolehkan pengguna menatal tanpa had. Semua item kandungan mempunyai ketinggian yang sama, tetapi lebarnya berubah-ubah.

10. Croppic

Croppic ialah pemalam jquery pemangkasan imej. Ia boleh menyediakan lebih banyak fungsi daripada memenuhi keperluan anda. Cuma muat naik imej, dan kemudian anda boleh memangkasnya mengikut keinginan anda. Ia memerlukan IE 10+, chrome dan firefox untuk berfungsi dengan betul. Ia menggunakan FormData jadi pada masa ini ia tidak menyokong IE9 dan versi sebelumnya.

11. ImageLightbox.js

ImageLightbox.js ialah skrip kesan peti cahaya yang sangat mudah, responsif dan mesra sentuhan. Ia boleh diperluas, boleh dikonfigurasikan, minimalis (sehingga 4kb), dan menggunakan ubah dan ubah CSS untuk mengalihkan imej.

12. Kad Petua jQuery

Pemalam Kad Petua membolehkan anda membuat reka letak kad yang menggunakan interaksi kad serupa yang anda lihat di halaman Petua Google. Terdapat beberapa pilihan animasi baharu, jadi anda boleh menyesuaikannya mengikut keinginan anda. Anda boleh menggunakan kaedah panggil balik untuk melaksanakan operasi apabila tetingkap modal dibuka atau ditutup. Diuji pada pelayar moden desktop seperti Chrome, Firefox dan Safari.

13. Boleh Terapung.js

Corak tab terapung menjadi satu kejayaan selepas Brad Frost menulis catatan blog tentang corak tab terapung. Idea ini berdasarkan Dribbble Shot Matt D Smith. Corak ini mudah dijelaskan. Apabila pengguna berinteraksi dengan medan input, nilai pemegang tempat bergerak ke atas dan dipaparkan di atas teks jenis.

14. Nanogallery

nanoGallery ialah cara mudah untuk melaksanakan pemalam album gambar untuk jQuery. Ia mempunyai banyak ciri: ia didayakan sentuhan, responsif, pantas dan menyokong storan awan. Navigasi berbilang peringkat album, kesan peti cahaya, kesan tuding untuk banyak lakaran kecil, paparan gelongsor, skrin penuh, paging, pemuatan malas imej, tema, serasi bootstrap, boleh disesuaikan, boleh menarik foto dari Flickr/Picasa/Google+, dsb.

15. jQuery Panorma Viewer

jQuery Panoram Viewer membantu anda membenamkan imej Panorama pada tapak web anda. Menggunakan pemalam ini, anda boleh memaparkan imej Panorama anda di tapak web anda. Untuk melakukan ini, mula-mula anda perlu memasukkan perpustakaan JQuery dan jquery.panorama_viewer.js dan panorama_viewer.css terbaharu dalam dokumen anda, kemudian tambahkan kelas "panorama" pada imej anda dalam HTML. Versi desktop dan mudah alih pelayar moden seperti Chrome, Firefox dan Safari telah diuji.

16. SVG Magic

SVGMagic ialah pemalam JQuery serasi silang penyemak imbas yang mencari imej SVG di tapak web anda dan secara automatik mencipta versi PNG jika penyemak imbas tidak menyokong SVG. Ia adalah pemalam satu guna yang ringkas yang tidak memerlukan konfigurasi.

17. BttrLazyLoading

BttrLazyLoading ialah pemalam jQuery yang membenarkan aplikasi web anda memuatkan imej sahaja dalam tetingkap. Ia juga membolehkan anda mempunyai versi imej yang berbeza dalam 4 saiz skrin yang berbeza. BttrLazyLoading membenarkan aplikasi web anda menangguhkan pemuatan imej sehingga imej itu ditatal. Dengan cara ini, masa memuatkan halaman sangat dikurangkan.

18

Pengubahsuaian ialah pemalam tetingkap mod penjejakan cincang yang rata, responsif, ringan, berkelajuan tinggi, boleh disesuaikan dengan mudah, penjelasan keadaan deklaratif. Semua pelayar moden menyokongnya. Anda boleh dengan mudah menentukan bekas latar belakang modal (seperti kesan nyahfokus).

19. Slinky.js

Slinky.js ialah pemalam jQuery untuk mencipta senarai navigasi gelongsor menggunakan pengepala bertindan. Ia mempunyai banyak ciri: seperti gelongsor lancar dengan melumpuhkan acara kursor, menjadi ringan pada kira-kira 1KB apabila dimampatkan, menyegarkan semula saiz tetingkap dan perubahan DOM dan keserasian dengan versi terkini penyemak imbas kegemaran anda.

20 Latar Belakang Adaptif

Latar Belakang Adaptif ialah pemalam jQuery untuk mengekstrak warna utama daripada imej dan menerapkannya pada elemen induk. Pemalam ini menggunakan elemen kanvas dan objek ImageData Disebabkan sekatan keselamatan merentas tapaknya, jika skrip cuba mengekstrak warna imej daripada hos selain daripada nama domain semasa, ia akan gagal melainkan imej membenarkan silang- perkongsian sumber asal.

21. Bigfoot

Nota kaki pada halaman web menjengkelkan. Anda klik pada nombor kecil, lompat ke dekat bahagian bawah halaman, cari nota kaki yang anda cari, dan kemudian klik pada pautan untuk kembali ke tempat anda berada di halaman. Bigfoot nampaknya membuat keseluruhan proses tidak menyakitkan. Ia secara automatik mengesan pautan nota kaki dan kandungan, menukar pautan itu kepada butang yang mudah diklik dan muncul tetingkap terapung apabila pembaca mengklik butang nota kaki (Terjemahan: versi demo rasmi melompat terus).

22. Boleh Dinamik

Dynatable ialah pemalam jadual interaktif yang lebih menarik, semantik dan interaktif menggunakan jQuery, HTML5 dan JSON. Dan bukan hanya untuk borang. Tujuan Dynatable adalah untuk menyediakan API yang mudah dan boleh dikembangkan yang membolehkan penyemakan imbas dan manipulasi set data yang besar dengan mudah.

23. Label jQuery Lebih Baik

Label jQuery Better adalah seperti bos animasi yang elegan yang membantu anda melabelkan input borang tanpa mengambil ruang. Perkara yang paling unik tentang pemalam ini ialah anda hanya perlu menambah teks pemegang tempat dan kami akan memaparkan label apabila pengguna memerlukannya.

24

stickUp ialah pemalam jQuery. Anda boleh melakukan ini pada mana-mana halaman web menggunakan jQuery. Anda hanya boleh mencipta sebarang elemen pada mana-mana halaman yang anda mahu pengguna lihat pada setiap masa, dan ia akan melekat pada bahagian atas tetingkap penyemak imbas sebaik sahaja pengguna meleret ke atasnya.

Freewall ialah pemalam jQuery responsif silang penyemak imbas yang menggunakan kesan animasi CSS3 yang hebat dan acara panggil balik untuk membantu anda mencipta pelbagai jenis susun atur grid: reka letak berskala, Reka letak imej, grid bersarang, cecair grid, grid gaya metro, grid seperti Pinterest. Freewall ialah penyelesaian semua-dalam-satu untuk mencipta susun atur grid dinamik untuk desktop, mudah alih dan tablet.

jQuery Interactive 3D ialah pemalam yang membolehkan kami menggunakan berbilang imej untuk melengkapkan fungsi yang serupa. Ia mudah digunakan, menggunakan fungsi mudah dan menentukan satu set imej bernama. Di samping itu, terdapat pilihan penyesuaian, seperti ikon kursor, kelajuan, sokongan skrin sentuh, main balik automatik, dsb.

Succinct ialah pemalam jQuery untuk memotong teks berbilang baris. Ia memendekkan teks anda kepada saiz yang ditentukan dan menambah elipsis selepasnya. Anda boleh menggunakan pemilih untuk menentukan elemen untuk dipotong, dan kemudian tetapkan parameter saiz untuk jumlah yang anda mahu lihat.

SlideMe ialah pemalam peluncur jQuery yang serasi dengan CSS3 yang menyokong paparan terhad dan skrin penuh. Ia boleh digunakan dalam kedua-dua skrin potret dan landskap, menggunakan peralihan CSS3 dan menyokong paging. Menyediakan kaedah untuk mengawal gelongsor (sebelumnya, seterusnya, dsb.), serta kaedah panggil balik yang sepadan dengannya dan banyak lagi.

29. Glide.js

Glide.js ialah pemalam jQuery yang ringan (4.5kb gzip) untuk mencipta peluncur. Ia mempunyai penanda OOCSS yang boleh disesuaikan sepenuhnya dan transformasi CSS3, dan boleh memanggil semula JavaScript. Gelangsar adalah responsif; ia menyesuaikan diri dengan semua peranti dan mempunyai sokongan sentuhan. Anda boleh mengawal elemen melalui papan kekunci, acara slaid, pop timbul atau menu anak panah. Glide.js juga mempunyai API awam yang menyokong semua acara (main, jeda, seterusnya, sebelumnya, dll.).

30. PhotoJShop

PhotoJShop ialah pemalam jQuery yang membolehkan kami menggunakan kesan dan penapis mudah pada imej. Penapis ini termasuk kabur, negatif, timbul, cerahkan, hitamkan, hitam dan putih, tajamkan dan banyak lagi. Pemalam berfungsi pada kanvas dan imej, dan penapis mudah digunakan.

31. Tatal Satu Halaman

Tatal Satu Halaman ialah pemalam jQuery yang memudahkan mencipta tapak web yang serupa. Ia memerlukan sedikit persediaan, hanya buat struktur HTML, panggil fungsi dan anda sudah bersedia untuk pergi. Sebagai pilihan, sebagai ciri tambahan, kelajuan dan kelakuan gelungnya juga boleh ditetapkan. Dan ia menyokong URL mesra SEO untuk setiap halaman.

32. FerroSlider

FerroSlider ialah pemalam jQuery untuk mencipta halaman penuh (atau peluncur kandungan/imej) dan hampir semua jenis peluncur. Kandungan boleh diletakkan dalam cara yang fleksibel, secara mendatar atau menegak, dan pemalam memudahkan penyemakan imbas. Ia menggunakan transformasi CSS3 untuk meningkatkan prestasi, berfungsi dengan baik dengan reka letak responsif dan berfungsi pada platform mudah alih.

33. Scrolld.js

Scrolld.js ialah pemalam sumber terbuka jQuery yang unik. Scrolld.js menyediakan tatal yang sangat tepat untuk reka letak dan navigasi tahap piksel menggunakan data dikemas kini masa nyata. Dengan Scrold.js, anda sentiasa boleh menatal dengan tepat ke sasaran yang ditentukan dan sentiasa memberikan pengalaman pengguna yang terbaik.

34. AnimateScroll

AnimateScroll ialah pemalam jQuery ringkas yang boleh digunakan untuk menambah kesan bar skrol yang santai. Anda boleh menyesuaikan gaya bar tatal (lebih daripada 30 kesan tatal) dan kelajuan tatal. Atribut "padding" mengawal kedudukan akhir bar skrol. Pemalam ini tidak terhad kepada keseluruhan halaman badan, tetapi juga boleh digunakan untuk elemen tertentu.

35. MasonJS

Pemalam MasonJS jQuery digunakan untuk menyelesaikan masalah dan jurang yang dihadapi oleh kebanyakan sistem grid pada masa ini. Apabila menggunakan Masonry, Isotope atau mana-mana pemalam jejaring lain, jejaring anda kadangkala mempunyai celah atau tepi bergerigi. Mason digunakan untuk mengisinya.

36. JInvertScroll

jInvertScroll ialah pemalam jQuery yang mengawal tingkah laku menatal lalai dan memaksa menatal menegak. Pemalam ini ringan (kurang daripada 1kb) dan hampir tidak memerlukan persediaan untuk digunakan. Cuma tambah kelas yang ditentukan pada elemen pembalut dan panggil fungsi JS. Selain itu, ia memudahkan untuk mencipta kesan pemeriksaan menggunakan panggilan balik onScroll (di mana kita boleh memutuskan untuk mengubah saiz mana-mana elemen).

37. Flowtype.js

FlowType.JS ialah pemalam jQuery yang boleh melaraskan secara automatik saiz fon (saiz fon) dan nombor baris (tinggi garis) (mengikut lebar elemen pembalut) , menjadikan kandungan kami boleh dipaparkan seperti yang kami mahukan. Pemalam menyediakan sifat untuk menetapkan saiz dan lebar fon minimum/maksimum.

38. nKemajuan

NProgress.js ialah bar kemajuan nano. Beritahu pengguna apa yang berlaku dengan animasi yang realistik dan terperinci. Ia ialah bar kemajuan ringan yang diilhamkan oleh Google, YouTube dan Sederhana, sesuai untuk Pautan Turbo, Pjax dan aplikasi peringkat Ajax yang lain.

39. Masa Kemas.js

Ingin membentangkan kemas kini berasaskan masa menggunakan bahasa mesra manusia? TidyTime.js ialah pemalam yang melakukan ini, menukar format masa standard kepada format masa yang diisytiharkan secara peribadi.

40. Halaman Penuh.js

FullPage.js ialah pemalam yang ringkas dan mudah digunakan untuk mencipta halaman web gelongsor skrin penuh (juga dianggap tapak web satu halaman). Ia membolehkan anda membuat tapak web gelongsor skrin penuh sambil juga menambahkan beberapa karusel gaya cetakan landskap ke pelbagai bahagian tapak. Ia direka bentuk untuk berfungsi dengan saiz skrin yang berbeza, serta tablet dan peranti mudah alih.

41. jQuery Flat Shadow

jQuery Flat Shadow ialah pemalam yang boleh menambah bayang pereputan pada apa sahaja yang anda mahukan. Ia adalah mungkin untuk menentukan warna bayang-bayang, sudut dan membolehkan atau melumpuhkan kejatuhan bayang-bayang.

42. Karusel Burung Hantu

Owl Carousel ialah pemalam jQuery yang membolehkan anda membuat peluncur berputar responsif dengan cepat. Pemalam ini mesra sentuhan dan menampilkan sebarang kandungan HTML dalam sebarang perwakilan. Ia mempunyai pilihan untuk menetapkan kelajuan paging/leret, mendayakan/melumpuhkan automain, tunjukkan navigasi inset dan banyak lagi.

43 S Galeri

S Gallery ialah satu lagi pemalam album foto jQuery yang memaparkan gambar dalam grid responsif. Ia diilhamkan oleh risalah halaman produk Sony (dibuat menggunakan Flash) dan menirunya sepenuhnya. Setelah item imej diklik dan mendapat fokus, anda boleh menavigasi ke item imej lain menggunakan butang ke hadapan-ke belakang atau melalui papan kekunci.

44. Pop Mudah

PopEasy ialah pemalam jQuery ringan yang merupakan satu kemestian bagi pembangun untuk mencipta tetingkap modal dengan mudah. Letakkan fokus pada elemen penting dengan menggunakan topeng pada halaman anda dan membuka tetingkap modal pop timbul yang boleh disesuaikan.

45. Tatal Ke Atas

ScrollUp ialah pemalam jQuery yang ringan untuk mencipta fungsi "slaid ke atas" tersuai yang boleh digunakan dengan mudah di mana-mana tapak web. Dengan memberikan warna CSS yang sah kepada tetapan ActiveOverlay, garis visual dicipta untuk membantu menentukan jarak gelongsor yang ideal dari atas.

46. Mobiscroll

Mobiscroll ialah pemalam jQuery untuk menatal tenda atau pemilih tarikh dan masa yang digunakan pada peranti skrin sentuh (telefon Android, iPhone, iPad, Galaxy Tab). Pengawal boleh disesuaikan dengan mudah untuk menyokong sebarang nilai tersuai, malah boleh digunakan secara langsung sebagai alternatif kepada pengawal pemilihan asli (senarai lungsur). Pengawal boleh bertemakan. Dalam CSS anda boleh menukar rupa dengan mudah. Ia juga menyokong mod warna yang dipratakrif dan kelihatan cantik. Diuji pada iOS4, Android 2.2, Android 2.3, Chrome, Safari, Firefox, IE9.

47.Kitaran2

Cycle, pemalam tayangan slaid jQuery yang sangat popular dari dahulu, kini mempunyai versi yang dipertingkatkan: Cycle2 Pemalam ini sesuai untuk mereka yang ingin mencipta tayangan slaid yang diperibadikan sepenuhnya. Selain itu, fungsinya sangat fleksibel. Kitaran 2 menyokong reka letak responsif, termasuk pilihan untuk hampir semua perkara (slaid global atau individu), dan boleh dilanjutkan dengan mudah dengan menggunakan API berciri penuh.

48.Petua alat

Tooltipster ialah pemalam jQuery untuk membuat pengesahan HTML5 dan petua alat yang fleksibel dengan cepat. Pemalam ini tergolong dalam jenis "kecil tetapi lengkap" Ia hanya 4.8kb selepas pemampatan, tetapi ia berfungsi dengan sangat pantas dan boleh disesuaikan dengan mudah. Penampilannya boleh diubah suai menggunakan CSS (sokongan tema) dan anak panah, dan kesan penampilan seperti perubahan berikutan kedudukan tetikus dan kelewatan boleh ditakrifkan.

49.FitText

FitText ialah pemalam jQuery yang sangat ringkas tetapi berkuasa yang boleh digunakan untuk memastikan teks sesuai dengan elemen yang ditentukan. Ia secara automatik mengemas kini saiz fon berdasarkan lebar elemen yang mengelilinginya dan memastikan reka letak tidak terlalu berpecah-belah (kerana saiz fon), walaupun halaman itu dipaparkan dalam penyemak imbas desktop atau mudah alih. Selain itu, pemalam ini menawarkan beberapa pilihan untuk penalaan halus, termasuk keupayaan untuk menetapkan "penskalaan mendatar" dan dimensi minimum kepada maksimum.

50. Nyahgelangsar

Unslider ialah pemalam peluncur jQuery untuk paparan imej sahaja. Tiada kesan khas yang cantik dan hiasan yang tidak perlu, dan pemalamnya kurang daripada 3kb. Ia licin, fleksibel dan sangat kecil. Unslider telah diuji dalam versi terkini semua penyemak imbas semasa Dalam penyemak imbas yang tidak begitu baharu, anda hanya boleh melihat "kemuliaan kesepian". Anda boleh menambah sokongan kekunci anak panah papan kekunci jika anda mahu. Tidak semua pemalam slider dicipta sama, dan Unslider mengetahui perkara ini. (Penterjemah: Adakah pengarangnya comel?)