Overhang.js - jQuery spraudnis nolaižamajiem paziņojumiem

Cik kaitinošas ir noklusējuma JS brīdinājuma lodziņi? Viņi jūtas kā relikts no primitīvas pagātnes interneta attīstības.

Mūsdienās mēs varam darīt neuzkrītoši paziņojumi kuriem ir tāda pati informācija, bet nepārtrauciet lietotāja pieredzi. Un tas ir tieši tas, ko jūs varat darīt overhang.js.

Šis bezmaksas jQuery spraudnis var pievienot pielāgotus paziņojumu joslas tas ir nolaižams no ekrāna augšdaļas. Viņi novietots caur CSS un animēti ar JavaScript, lai viņi varētu nokrist no fiksēta punkta augšpusē neatkarīgi no lappuses garuma.

Jūs varat veidot ziņojumus pēc noteikta laika automātiski aizveras, vai citi pieprasīt lietotāja ievadi.

Ziņas var releju veiksme, kļūme, kļūda vai vienkārši paziņojumi ar informāciju par lietotāju vai lapu. Ziņas var arī ir savas / jā / nē pogas uzdot lietotājiem tādus jautājumus kā JavaScript tūlītējs brīdinājums.

Ir pat iespēja izveidot uzvednes nolaižams ar ievades lauku. Tas būtu ideāli piemērots e-pasta izvēles formai.

Overhang.js atbalsta visas galvenās jQuery atbalstītās pārlūkprogrammas un tas ir arī darbojas ar jQuery UI animētajām funkcijām.

Līdztekus jQuery & jQuery UI bibliotēkām jums būs nepieciešams iekļaut pielāgotu CSS failu ar spraudni. Jūs vienmēr varat apvienojiet to ar jūsu vietnes stilu lai samazinātu HTTP pieprasījumus.

Katrs zvans uz pārkare () metodi veikt jebkuru skaitu parametru. Šie ir sauc “iespējas” un jūs varat pilnībā kontrolēt katru paziņojumu lodziņu.

Varat mainīt animācijas ātrums, ilgums, atvieglojot, un kastes izmērs / krāsa, kopā ar citām dizaina iezīmēm.

Lūk, a parauga fragments demonstrējot, kā izveidojiet apstiprinājuma lodziņu:

 // Daži apstiprinājumi $ ("ķermenis") pārspīlējums (tips: "apstiprināt", jāPasūtījums: "Jā, lūdzu!", Nē. Ziņojums: "Nē, paldies."); 

To var redzēt diezgan vienkārši un tā neprasa daudz jQuery kodu.

Uz lejupielādējiet kopiju no spraudņa, jūs varat apmeklēt repo GitHub, kur varat arī pārlūkot avota failus tieši. Vai, ja vēlaties skatīt vairāk dzīvu piemēru dodieties uz Overhang.js tīmekļa vietni.