Overhang.js - JQuery Plugin za Sporočila Sporočila Spustnega Spuščanja

Kako nadležno je privzeta polja opozoril JS? Počutijo se kot relikvija iz primitivnega preteklega obdobja spletnega razvoja.

Danes lahko naredimo nevsiljiva obvestilna sporočila enake informacije, vendar ne prekinjajte uporabniške izkušnje. In to je točno to, kar lahko storite overhang.js.

Ta prost jQuery plugin lahko dodajte bar po meri po meri ki se spusti z vrha zaslona. Oni so pozicioniran preko CSS in animirani z JavaScriptom, tako da se lahko spustijo s fiksne točke na vrhu ne glede na dolžino strani.

Ta sporočila lahko gradite samodejno zapiranje po določenem času, ali drugi zahtevajo uporabniški vnos.

Sporočila lahko uspeh releja, napaka, napaka ali preprosta obvestila z informacijami o uporabniku ali strani. Sporočila lahko tudi imajo lastne gumbe da / ne vprašati uporabnike o vprašanjih, kot je poziv za poziv JavaScript.

Obstaja tudi možnost, da ustvarite pozive, da spustite z vnosnim poljem. To bi bilo idealno za elektronsko prijavo.

Prekoračitev.js podpira vse glavne brskalnike, ki jih podpira jQuery in to je tudi poganja jo uporabniški vmesnik jQuery za animirane funkcije.

Poleg knjižnic uporabniškega vmesnika jQuery & jQuery boste morali tudi vključuje datoteko CSS po meri z vtičnikom. Vedno lahko združite s slogom slogov spletnega mesta za zmanjšanje zahtev HTTP.

Vsak klic na previs () metoda vzamete poljubno število parametrov. To so imenuje “opcije” in vam dajejo popoln nadzor nad vsakim okencem za obvestila.

Lahko spremenite hitrost animacije, trajanje, olajšanje, in velikost / barva škatle, skupaj z drugimi oblikovalskimi značilnostmi.

Tukaj je a odrezek vzorca prikazati, kako ustvarite potrditveno polje:

 // Nekatera potrditev $ ("body"). Previs (type: "confirm", yesMessage: "Yes please!", NoMessage: "Ne, hvala."); 

To lahko vidite Preprosto in to ne zahteva veliko jQuery kode.

Za prenesite kopijo vtičnika, lahko obiščete repo na GitHubu, kjer lahko tudi brskate po izvornih datotekah neposredno. Ali, če želite glej bolj žive primere pojdite na spletno stran Overhang.js.