Overhang.js - Plugin jQuery pro hlášení o rozevření

Jak nepříjemné jsou výchozí výstražná pole JS? Cítí se jako relikt z primitivní minulé éry vývoje webu.

Dnes můžeme udělat nenápadné oznámení sdílejí stejné informace, ale Nepřerušujte zážitek uživatele. A to je přesně to, co můžete udělat overhang.js.

Tento bezplatný plugin jQuery může přidat vlastní oznamovací lišty které se rozevírají z horní části obrazovky. Jsou přes CSS a animovaný s JavaScriptem, tak, aby mohli spadnout z pevného bodu nahoře bez ohledu na délku stránky.

Můžete vytvářet zprávy, které automatické vypnutí po určité době, nebo jiné vyžadovat vstup uživatele.

Zprávy mohou reléový úspěch, selhání, chyba nebo jednoduchá oznámení s informacemi o uživateli nebo stránce. Zprávy mohou také mají vlastní tlačítka ano / ne zeptat se na dotazy uživatelů, jako je upozornění na výzvu JavaScriptu.

Existuje dokonce možnost vytvořit výzvy rozevírací pole se vstupním polem. To by bylo ideální pro e-mailový formulář.

Přesahy.js podporuje všechny hlavní prohlížeče podporované jQuery a je to také powered by jQuery UI pro animované funkce.

Spolu s knihovnami uživatelského rozhraní jQuery & jQuery budete také potřebovat zahrnout vlastní soubor CSS s pluginem. Vždy můžete sloučit to se stylem vašich webových stránek omezit požadavky HTTP.

Každé volání na převis() metodu mít libovolný počet parametrů. Tyto jsou volal “možností” a dají vám plnou kontrolu nad každým rámečkem oznámení.

Můžete změnit rychlost animace, doba trvání, uvolnění, a velikost krabice / barva, spolu s dalšími konstrukčními prvky.

Tady je ukázkový úryvek demonstrovat, jak vytvořit potvrzovací pole:

 // Některé potvrzení $ ("tělo") převis (typ: "potvrzení", yesMessage: "Ano, prosím!", NoMessage: "Ne, díky."); 

Můžete to vidět docela jednoduché a to nevyžaduje mnoho kódu jQuery.

Na stáhnout kopii můžete navštívit repo na GitHub, kde můžete také procházet zdrojové soubory přímo. Nebo, pokud chcete více živých příkladů přejděte na webové stránky Overhang.js.