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; }