https://www.paraisodasaguas.ms.gov.br/js/jquery-sliding-message/jquery.slidingmessage.js

1(function() {
2    jQuery.showMessage = function(message, options){
3        // defaults
4        settings = jQuery.extend({
5            id: 'sliding_message_box',
6            position: 'bottom',
7            size: '90',
8            backgroundColor: 'rgb(143, 177, 240)',
9            delay: 1500,
10            speed: 500,
11            fontSize: '30px'
12        }, options);        
13        
14        var elem = $('#' + settings.id);
15        var delayed;
16        
17        if(elem.length == 0){
18            // generate message div if it doesn't exist
19            elem = $('<div></div>').attr('id', settings.id);
20            $('body').append(elem);
21        }
22
23            
24        elem.css({
25            'z-index': '999999',
26            'background-color': settings.backgroundColor,
27            'text-align': 'center',
28            'position': 'absolute',
29            'position': 'fixed',
30            'left': '0',
31            'width': '100%',
32            'line-height': settings.size + 'px',
33            'font-size': settings.fontSize
34        });
35            
36
37        
38        elem.html(message);
39        
40        if(settings.position == 'bottom'){
41            elem.css('bottom', '-' + settings.size + 'px');
42            elem.animate({
43                bottom:'0'
44            }, settings.speed);
45            delayed = '$("#' + settings.id + '").animate({bottom:"-' + settings.size + 'px"}, ' + settings.speed + ');';
46            setTimeout(delayed, settings.delay);
47        }
48        else if(settings.position == 'top'){
49            elem.css('top', '-' + settings.size + 'px');
50            elem.animate({
51                top:'0'
52            }, settings.speed);
53            delayed = '$("#' + settings.id + '").animate({top:"-' + settings.size + 'px"}, ' + settings.speed + ');';
54            setTimeout(delayed, settings.delay);
55        }
56    }
57})(jQuery);