Overhang.js - JQuery-laajennus pudotusvalikosta
Kuinka ärsyttäviä ovat oletuksena JS-hälytyslaatikot? He tuntevat ikään kuin jäännöksen web-kehityksen primitiivisestä menneestä aikakaudesta.
Nykyään voimme tehdä huomaamattomia ilmoituksia jotka jakavat saman tiedon, mutta älä keskeytä käyttäjäkokemusta. Ja juuri näin voit tehdä overhang.js.
Tämä ilmainen jQuery-laajennus voi lisää mukautettuja ilmoituspalkkeja että pudotus alas näytön yläosasta. He ovat sijoitettu CSS: n kautta ja animoitu JavaScript, jotta he voivat pudota alaspäin kiinteästä pisteestä sivun pituudesta riippumatta.
Voit rakentaa viestejä sulkeutuu automaattisesti tietyn ajan kuluttua, tai toiset vaatia käyttäjän syöttämistä.
Viestit voivat välittää menestys, vika, virhe tai yksinkertaiset ilmoitukset tietoja käyttäjistä tai sivusta. Viestit voivat myös on oma kyllä / ei painikkeita kysyä käyttäjiltä kysymyksiä, kuten JavaScript-kehote.
On myös mahdollisuus luoda kehotuksia pudota alas syöttökentällä. Tämä olisi täydellinen sähköpostiosoitteeseen.
Overhang.js tukee kaikkia tärkeimpiä jQueryn tukemia selaimia ja se on myös powered by jQuery UI animoidut ominaisuudet.
JQuery & jQuery -käyttöliittymäkirjastojen lisäksi sinun täytyy myös sisältää mukautetun CSS-tiedoston pluginin kanssa. Voit aina yhdistää tämän sivustosi tyylitaulukkoon vähentää HTTP-pyyntöjä.
Jokainen soitettu puhelu ylitys () menetelmä voi ottaa useita parametreja. Nämä ovat olla nimeltään “vaihtoehtoja” ja ne antavat sinulle täyden hallinnan jokaisesta ilmoituskentästä.
Voit muuttaa animaation nopeus, kesto, keventäminen, ja laatikon koko / väri, yhdessä muiden suunnittelun ominaisuuksien kanssa.
Tässä on a näytteenpätkä osoittaa luo vahvistusruutu:
// Jotkut vahvistukset $ ("keho"). Ylitys (tyyppi: "vahvista", kylläLähetys: "Kyllä kiitos!", EiLähetys: "Ei kiitos". Näet tämän olevan melko yksinkertainen ja se ei vaadi paljon jQuery-koodia.
jotta ladata kopion pluginista, voit vierailla GitHubin repossa, jossa voit myös selata lähdetiedostoja suoraan. Tai jos haluat katso lisää live-esimerkkejä pääse Overhang.js-sivustolle.
