js自定义弹窗工具

最新推荐文章于 2023-09-27 08:50:07 发布

不恋水的雨

最新推荐文章于 2023-09-27 08:50:07 发布

阅读量232

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/qq_36635569/article/details/106398806

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

window.showDreaTip = function (msg,level) {
			//info;danger;success;warning
			var div =$('<div class="alert-tip"><div class="alert alert-'+level+'" >'+msg+'</div></div>').appendTo("body").show();
			$(div).animate({top:55,opacity: 0.7},1500,function(){
				$(div).remove();
			});
		}

css如下

/*个性化提示样式*/
.alert-tip{
    display: none;
    max-width:300px;
    min-width:100px;
    max-height:100px;
    min-height:40px;
    position: absolute;
    left: 50%;
    top: 60px;
    z-index: 9999;
}
.alert-tip > div{
    max-width:300px;
    min-width:100px;
    max-height:100px;
    min-height:40px;
    position: relative;
    left: -50%;
    top: 0;
    padding:10px;
    font-size: 20px;
    z-index: 9999;
    border: 1px;
}

预览：