Overhang.js - „JQuery“ papildinys, skirtas pranešimams apie išskleidimą
Kaip erzina yra numatytieji JS įspėjimo laukeliai? Jie jaučiasi kaip primityvios praeities žiniatinklio kūrimo eros.
Šiandien mes galime padaryti nepastebimi pranešimai kuri turi tą pačią informaciją, bet nepertraukite vartotojo patirties. Ir būtent tai jūs galite padaryti overhang.js.
Šis nemokamas jQuery įskiepis gali pridėti priskirtų pranešimų juostų išplečiama iš ekrano viršaus. Jie pastatytas per CSS ir animuotas su „JavaScript“, todėl jie gali nukristi iš fiksuoto taško viršuje nepriklausomai nuo puslapio ilgio.
Galite kurti pranešimus automatiškai uždaryti po tam tikro laiko, arba kiti reikalauti vartotojo įvesties.
Žinutės gali perduoti sėkmę, gedimą, klaidą ar paprastus pranešimus su informacija apie vartotoją ar puslapį. Pranešimai taip pat gali turėti savo taip / ne mygtukus užduoti naudotojų klausimus, pavyzdžiui, „JavaScript“ įspėjimą.
Yra netgi galimybė sukurti raginimus išskleidžiamajame lauke su įvesties lauku. Tai puikiai tinka el.
Overhang.js palaiko visas pagrindines jQuery palaikomas naršykles ir tai taip pat jQuery UI animacinių funkcijų.
Kartu su jQuery & jQuery UI bibliotekomis taip pat reikės įtraukti pasirinktinį CSS failą su papildiniu. Jūs visada galite sujungti tai su savo svetainės stiliaus lapu sumažinti HTTP užklausas.
Kiekvienas skambutis į užtvaras () metodas gali imtis bet kokio skaičiaus parametrų. Sitie yra vadinamas “galimybės” ir jie suteikia jums pilną kontrolę kiekviename pranešimo lauke.
Galite pakeisti animacijos greitis, trukmė, palengvinti, ir dėžutės dydis / spalva, kartu su kitomis dizaino savybėmis.
Štai a mėginio fragmentas įrodyti, kaip sukurti patvirtinimo laukelį:
// Keletas patvirtinimo $ („kūnas“) .Pervargis (tipas: „patvirtinti“, taipKlausimas: „Taip, prašau!“, NeMesažas: „Ne, ačiū.“);
Jūs galite pamatyti tai gana paprasta ir tai nereikalauja daug jQuery kodo.
Į atsisiųskite kopiją galite peržiūrėti „GitHub“ repo, kur taip pat galite tiesiogiai peržiūrėti šaltinio failus. Arba, jei norite pamatyti daugiau gyvų pavyzdžių eikite į Overhang.js svetainę.
