mirror of
https://github.com/moparisthebest/kaiwa
synced 2024-11-25 18:52:20 -05:00
45 lines
1.4 KiB
JavaScript
45 lines
1.4 KiB
JavaScript
|
(function($) {
|
||
|
|
$.showMessage = function(message, options){
|
||
|
|
// defaults
|
||
|
|
var settings = jQuery.extend({
|
||
|
|
id: 'sliding_message_box',
|
||
|
|
position: 'bottom',
|
||
|
|
size: '90',
|
||
|
|
backgroundColor: 'rgb(143, 177, 240)',
|
||
|
|
delay: 1500,
|
||
|
|
speed: 500,
|
||
|
|
fontSize: '30px'
|
||
|
|
}, options),
|
||
|
|
el = $('#' + settings.id);
|
||
|
|
|
||
|
|
// generate message div if it doesn't exist
|
||
|
|
if (el.length == 0) {
|
||
|
|
el = $('<div></div>').attr('id', settings.id);
|
||
|
|
|
||
|
|
el.css({
|
||
|
|
'-moz-transition': 'bottom ' + settings.speed + 'ms',
|
||
|
|
'-webkit-transition': 'bottom ' + settings.speed + 'ms',
|
||
|
|
'bottom': '-' + settings.size + 'px',
|
||
|
|
'z-index': '999',
|
||
|
|
'background-color': settings.backgroundColor,
|
||
|
|
'text-align': 'center',
|
||
|
|
'position': 'fixed',
|
||
|
|
'left': '0',
|
||
|
|
'width': '100%',
|
||
|
|
'line-height': settings.size + 'px',
|
||
|
|
'font-size': settings.fontSize,
|
||
|
|
});
|
||
|
|
|
||
|
|
$('body').append(el);
|
||
|
|
}
|
||
|
|
|
||
|
|
setTimeout(function () {
|
||
|
|
el.html(message);
|
||
|
|
el.css('bottom', 0);
|
||
|
|
setTimeout(function () {
|
||
|
|
el.css('bottom', '-' + settings.size + 'px');
|
||
|
|
}, settings.delay);
|
||
|
|
}, 10);
|
||
|
|
}
|
||
|
|
})(jQuery);
|