Overhang.js - Plugin jQuery untuk Mesej Pemberitahuan Dropdown
Betapa menjengkelkan lalai lalai JS lalai? Mereka merasa seperti peninggalan dari zaman dahulu perkembangan web primitif.
Kini, kita boleh buat mesej pemberitahuan yang tidak mengganggu yang berkongsi maklumat yang sama tetapi jangan mengganggu pengalaman pengguna. Dan itulah yang boleh anda lakukan overhang.js.
Plugin jQuery percuma boleh tambah bar pemberitahuan tersuai yang turun dari bahagian atas skrin. Mereka diletakkan melalui CSS dan animasi dengan JavaScript, jadi mereka boleh turun dari titik tetap di bahagian atas tidak kira panjang halaman.
Anda boleh membina mesej itu auto tutup selepas masa tertentu, atau yang lainnya memerlukan input pengguna.
Mesej boleh kejayaan geganti, kegagalan, ralat, atau pemberitahuan mudah dengan maklumat mengenai pengguna atau halaman. Mesej juga boleh mempunyai butang yes / no mereka sendiri untuk bertanya kepada pengguna pertanyaan seperti jaga cepat JavaScript.
Terdapat juga pilihan untuk membuat arahan itu turun dengan medan input. Ini akan menjadi sempurna untuk borang opt-in e-mel.
Overhang.js menyokong semua pelayar utama yang disokong oleh jQuery dan ia juga dikuasakan oleh jQuery UI untuk ciri animasi.
Bersama perpustakaan jQuery & jQuery UI, anda juga perlu termasuk fail CSS tersuai dengan plugin. Anda boleh sentiasa menggabungkan ini dengan lembaran gaya laman web anda untuk mengurangkan permintaan HTTP.
Setiap panggilan dibuat kepada overhang () kaedah boleh mengambil apa-apa bilangan parameter. Ini adalah dipanggil “pilihan” dan mereka memberi anda kawalan penuh ke atas setiap kotak pemberitahuan.
Anda boleh mengubahnya kelajuan animasi, tempoh, pelonggaran, dan saiz / warna kotak, bersama dengan ciri reka bentuk lain.
Inilah a cuplikan sampel menunjukkan cara untuk buat kotak pengesahan:
/ Beberapa pengesahan $ ("body"). Overhang (type: "confirm", yesMessage: "Yes please!", NoMessage: "No thanks."); Anda dapat melihat ini agak mudah dan ia tidak memerlukan banyak kod jQuery.
Untuk muat turun salinan daripada plugin, anda boleh melawat repo di GitHub di mana anda juga boleh menyemak imbas melalui sumber fail secara langsung. Atau, jika anda mahu lihat lebih banyak contoh langsung pergi ke laman web Overhang.js.
