Overhang.js - Plugin jQuery untuk Pesan Pemberitahuan Dropdown

Betapa menyebalkan itu kotak peringatan JS default? Mereka merasa seperti peninggalan dari masa lalu pengembangan web kuno.

Saat ini, kita bisa membuat pesan pemberitahuan yang tidak mengganggu yang berbagi informasi yang sama tetapi jangan ganggu pengalaman pengguna. Dan itulah tepatnya yang dapat Anda lakukan overhang.js.

Plugin jQuery gratis ini bisa tambahkan bilah notifikasi khusus yang drop down dari bagian atas layar. Mereka diposisikan melalui CSS dan animasi dengan JavaScript, sehingga mereka dapat jatuh dari titik tetap di atas terlepas dari panjang halaman.

Anda bisa membuat pesan itu tutup otomatis setelah waktu tertentu, atau orang lain itu membutuhkan input pengguna.

Pesan bisa menyampaikan keberhasilan, kegagalan, kesalahan, atau pemberitahuan sederhana dengan informasi tentang pengguna atau halaman. Pesan juga bisa punya tombol ya / tidak sendiri untuk mengajukan pertanyaan kepada pengguna seperti peringatan cepat JavaScript.

Bahkan ada opsi untuk membuat prompt itu tarik turun dengan bidang input. Ini akan sempurna untuk formulir penyertaan email.

Overhang.js mendukung semua browser utama yang didukung oleh jQuery dan itu juga didukung oleh jQuery UI untuk fitur animasi.

Seiring dengan pustaka jQuery & jQuery UI, Anda juga harus melakukannya termasuk file CSS khusus dengan plugin. Kamu selalu bisa gabungkan ini dengan stylesheet situs web Anda untuk mengurangi permintaan HTTP.

Setiap panggilan dilakukan ke bergantung() metode bisa ambil sejumlah parameter. Ini adalah bernama “pilihan” dan mereka memberi Anda kontrol penuh atas setiap kotak notifikasi.

Anda dapat mengubah kecepatan animasi, lamanya, pelonggaran, dan ukuran kotak / warna, bersama dengan fitur desain lainnya.

Ini a cuplikan sampel menunjukkan bagaimana caranya buat kotak konfirmasi:

 // Beberapa konfirmasi $ ("body"). Overhang (type: "confirm", yesMessage: "Yes please!", NoMessage: "No thanks,"); 

Anda bisa lihat ini cukup mudah dan itu tidak memerlukan banyak kode jQuery.

Untuk unduh salinan dari plugin, Anda dapat mengunjungi repo di GitHub di mana Anda juga dapat menelusuri file sumber secara langsung. Atau, jika Anda mau lihat lebih banyak contoh langsung pergilah ke situs web Overhang.js.