πŸ”” Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple and fast jQuery notification plugin that displays growl-style success/info/error/dark block messages at the at the top-right corner of your webpage.

Notification growl-notification

Documentation

jQuery.notification

jQuery скрипт для отобраТСния сообщСний

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ использования:

простоС использованиС

$.notification.show('some_class','some_text'); // ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ сообщСниС $.notification.hide('some_class','some_text'); // ΡΠΊΡ€Ρ‹Ρ‚ΡŒ сообщСниС

установка ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ²

var noti = $.notification.init({     time:300, // врСмя отобраТСния\скрытия (мсСк)     delay:10000 // сколько Π±ΡƒΠ΄Π΅Ρ‚ Π²Π΅ΡΠ΅Ρ‚ΡŒ сообщСниС (мсСк) }); noti.show('some_class','some_text'); noti.hide('some_class','some_text');

CSS ΠΏΡ€ΠΈΠΌΠ΅Ρ€

Π±ΠΎΠ»Π΅Π΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½Ρ‹ΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΌΠΎΠΆΠ½ΠΎ Π²Π·ΡΡ‚ΡŒ Π² demo

.notification_block{     display: none;     position: fixed;     z-index: 1000;     top: 20px;     right: 20px;     width: 320px;     padding: 15px 30px 15px 60px;     color: #fff; }

You May Also Like