关于js的消息提醒

tip.js

$(function(){
    var $body=$('body').eq(0);
    var htmlText='<div style="display: none; position: fixed; top: 35%; left: 50%; padding: 10px 20px; background: rgba(0, 0, 0, 0.75); color: #FFFFFF; border-radius: 3px; opacity: 0; z-index: 10000;"></div>';
    var defaults={
        content:'测试',
        delay:2000,
        type:1
    };
    var timeout=0;
    var $tip;
    window.Tip = {
        show:function(opts) {
            var opts=$.extend({},defaults,opts || {});
            if($tip){
                $tip.velocity('stop')
                    .velocity('reverse')
                    .velocity('finish');
                $tip.remove();
            }
            $tip=$(htmlText).html(opts.content);
            $body.append($tip);
            $tip.velocity({translateX:'-50%',translateY:'-50%',scale:1.1},{duration:0})
                .velocity({opacity:1,scale:1},{duration:150,display:'block'})
                .velocity('reverse',{delay:opts.delay})
                .velocity({complete : function(){$tip.remove();}});
        }
    }
});

同时引入
velocity.min.js