Overhang.js - A jQuery plugin a legördülő értesítési üzenetekhez

Milyen bosszantó a alapértelmezett JS figyelmeztető dobozok? Úgy érzik, mint egy ereklye a webes fejlesztés primitív, korai korszakától.

Manapság tudunk észrevétlen értesítési üzenetek ugyanazokat az információkat osztják meg ne szakítsa meg a felhasználói élményt. És ez pontosan mit tehetsz overhang.js.

Ez az ingyenes jQuery plugin lehet egyéni értesítési sávok hozzáadása ez a legördül a képernyő tetején. ők CSS-en keresztül van elhelyezve és animált JavaScript, úgyhogy le tudnak lépni egy rögzített pontról a tetején az oldal hosszától függetlenül.

Üzeneteket lehet építeni egy bizonyos idő elteltével automatikusan bezáródik, vagy mások felhasználói bemenetre van szükség.

Az üzenetek relé siker, hiba, hiba vagy egyszerű értesítések információt a felhasználóról vagy az oldalról. Az üzenetek is saját igen / nem gombjuk van kérje a felhasználók kérdéseit, mint a JavaScript gyors figyelmeztetést.

Van még egy lehetőség arra is, hogy hozzanak létre utasításokat legördül egy beviteli mezővel. Ez tökéletes lenne egy e-mailes választható űrlaphoz.

Overhang.js támogatja a jQuery által támogatott összes fontosabb böngészőt és ez is a jQuery UI táplálja az animált funkciókhoz.

A jQuery & jQuery UI könyvtárak mellett szükséged lesz rá tartalmaz egy egyéni CSS fájlt a pluginnel. Mindig egyesítse ezt a webhelye stíluslapjával a HTTP-kérések csökkentése.

Minden hívás a túlnyúlás() módszer bármilyen számú paramétert. Ezek hívott “opciók” és teljes körű ellenőrzést biztosítanak minden egyes értesítési mező felett.

Megváltoztathatja a animációs sebesség, tartam, lazítás, és doboz méret / szín, más tervezési jellemzőkkel együtt.

Itt van egy minta töredéke bemutatja, hogyan kell hozzon létre egy megerősítő mezőt:

 // Bizonyos megerősítés $ ("test"). Túlnyúlás (típus: "megerősítés", igenMessage: "Igen, kérlek!", NoMessage: "Nem köszönöm."); 

Láthatjuk ezt nagyon egyszerű és az nem igényel sok jQuery kódot.

Nak nek töltse le a másolatot a plugin, akkor látogasson el a repo a GitHub, ahol is böngészhet a forrás fájlokat közvetlenül. Vagy ha akarod több élő példát láthat a Overhang.js webhelyére.