首页 > 其他 > 详细

常用弹框

时间:2021-08-16 14:31:25      阅读:12      评论:0      收藏:0      [点我收藏+]

/弹框/
.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);
		});
	}

}

常用弹框

原文:https://www.cnblogs.com/liu201312/p/15147018.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!