Overhang.js - JQuery plugin rippmenüü teadete jaoks

Kuidas tüütu on vaikimisi JS-hoiatuskastid? Nad tunnevad end nagu veebi arendamise primitiivse ajastu jäänuk.

Tänapäeval saame teha märkamatud teated mis jagavad sama teavet, kuid ärge katkestage kasutaja kogemust. Ja see on täpselt see, mida saate teha overhang.js.

See tasuta jQuery plugin saab lisage kohandatud teavitusribad see rippmenüü ekraani ülaosast. Nad on CSS kaudu ja animeeritud JavaScripti abil, et nad saaksid langetada fikseeritud punktist üleval olenemata lehekülje pikkusest.

Saate seda sõnumeid üles ehitada sulgege teatud aja möödudes automaatselt, või teised seda nõuda kasutaja sisendit.

Sõnumid saavad relee edukus, tõrge, viga või lihtsad teated teavet kasutaja või lehe kohta. Sõnumeid saab ka neil on oma jah / ei nupud küsi kasutajate küsimusi nagu JavaScript-i kiire hoiatus.

On isegi võimalus luua viipasid rippmenüü sisendväljaga. See oleks ideaalne e-posti opt-in vormi jaoks.

Overhang.js toetab kõiki peamisi brausereid, mida toetab jQuery ja see on ka powered by jQuery UI animeeritud funktsioonide jaoks.

Koos jQuery & jQuery kasutajaliidese raamatukogudega peate ka seda tegema sisaldama kohandatud CSS-faili pluginaga. Sa võid alati ühendage see oma veebisaidi stiilitabeliga HTTP taotluste vähendamiseks.

Iga kõne tehtud üleulatuv () meetod võtke mis tahes arv parameetreid. Need on kutsus “võimalusi” ja nad annavad teile täieliku kontrolli iga teavituskasti üle.

Te saate seda muuta animatsiooni kiirus, kestus, leevendamine, ja kasti suurus / värv, koos teiste disaini omadustega.

Siin on a proovi fragment näidates, kuidas seda teha luua kinnituskast:

 // Mõned kinnitused $ ("keha") .Piirang (tüüp: "kinnita", jahKõne: "Jah palun!", NoMessage: "Ei tänu."); 

Näete seda üsna lihtne ja see ei vaja palju jQuery koodi.

Et koopia allalaadimine pluginast saate külastada repot GitHubis, kus saate ka otse allikafaile sirvida. Või kui soovite vaata rohkem live näiteid minna üle Overhang.js'i veebisaidile.