Overhang.js - Un plug-in jQuery pentru mesajele de notificare de scurgere

Cât de enervante sunt cutii de alertă JS standard? Se simt ca o relicvă dintr-o epocă primitivă a dezvoltării web.

În zilele noastre, putem face mesaje de notificare disonibile care au aceleași informații, dar nu întrerupeți experiența utilizatorului. Și asta este exact ceea ce puteți face overhang.js.

Acest plugin gratuit jQuery poate adăugați bare de notificare personalizate care coboară din partea de sus a ecranului. sunt poziționat prin CSS și animat cu JavaScript, astfel încât să poată cădea dintr-un punct fix în partea de sus indiferent de lungimea paginii.

Poți să construiești mesaje închiderea automată după un anumit timp, sau altele solicită introducerea de către utilizator.

Mesajele pot succesul releului, eșecul, eroarea sau notificările simple cu informații despre utilizator sau pagină. Mesajele pot, de asemenea au propriile butoane da / nu pentru a pune întrebări utilizatorilor ca o alertă promptă a JavaScript.

Există chiar și o opțiune de a crea sugestii drop down cu un câmp de intrare. Acest lucru ar fi perfect pentru un formular de înscriere prin e-mail.

Overhang.js suportă toate browserele majore susținute de jQuery și este, de asemenea powered by jQuery UI pentru caracteristicile animate.

Împreună cu bibliotecile UI jQuery & jQuery, va trebui, de asemenea includeți un fișier CSS personalizat cu plugin-ul. Poți oricând îmbinați acest lucru cu foaia de stil a site-ului dvs. pentru a reduce cererile HTTP.

Fiecare apel către ieșitură () metoda poate ia orice număr de parametri. Acestea sunt denumit “Opțiuni” și vă dau un control deplin asupra fiecărei casete de notificare.

Puteți modifica viteza de animație, durată, easing, și dimensiunea cutiei / culoarea, împreună cu alte caracteristici de design.

Iată a fragment de încercare demonstrând cum să creați o casetă de confirmare:

 // Verificare $ ("body"). (Type: "confirm", yesMessage: "Yes please!", NoMessage: "Nu multumesc"); 

Puteți vedea asta destul de simplu si el nu necesită mult cod jQuery.

La descărcați o copie a pluginului, puteți vizita repo-ul pe GitHub, unde puteți căuta și direct fișierele sursă. Sau, dacă vrei vedeți mai multe exemple live mergeți pe site-ul Overhang.js.