常用弹框

/弹框/
.mTips{max-width:20rem;width:auto;line-height:1.3;font-size:0.4rem;color:#fff;background-color:#ff4f4f;border:1px solid #fff;border-radius:0.133333rem;padding:1rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);float:left;display:none;overflow:hidden;}
mPopup("今天的赞已超上线,请明天再来!");
//加1 效果
function niceIn(prop){
prop.find('i').addClass('niceIn');
setTimeout(function(){
prop.find('i').removeClass('niceIn');
},1000);
}

// 通用-提示弹窗

function mPopup(mTips){

	if (!$(".mTips").length) {
        
		$("body").append("<div class='mTips'>" + mTips + "</div>");
		$(".mTips").stop(true,false).fadeIn(function(){
			setTimeout(function(){
				$(".mTips").stop(true,false).fadeOut(function(){
					$(".mTips").remove();
				});
			},2000);
		});
	}

}

posted @ 2021-08-16 11:48  经验源于积累  阅读(38)  评论(0编辑  收藏  举报