首页 > 代码库 > js简易美丽的提示框
js简易美丽的提示框
<span style="font-size:14px;">function showTips(txt, time, status) { var htmlCon = ‘‘; if (txt != ‘‘) { if (status != 0 && status != undefined) { htmlCon = ‘<div class="tipsBox" style="width:220px;padding:10px;background-color:#4AAF33;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="http://www.mamicode.com/images/ok.png" style="vertical-align: middle;margin-right:5px;" alt="OK,"/>‘ + txt + ‘</div>‘; } else { htmlCon = ‘<div class="tipsBox" style="width:220px;padding:10px;background-color:#F75058;border-radius:4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;box-shadow:0 0 3px #ddd inset;-webkit-box-shadow: 0 0 3px #ddd inset;text-align:center;position:fixed;top:25%;left:50%;z-index:999999;margin-left:-120px;"><img src="http://www.mamicode.com/images/err.png" style="vertical-align: middle;margin-right:5px;" alt="Error,"/>‘ + txt + ‘</div>‘; } $(‘body‘).prepend(htmlCon); if (time == ‘‘ || time == undefined) { time = 1500; } setTimeout(function() { $(‘.tipsBox‘).remove(); }, time); } <p> }</span></p><p>/*</p><p>该方法可直接复制使用, 參数:text 字符串 为所提示的信息文字 time 整数 为自己主动消失的时间 单位为毫秒,如:1000 status 整数 1和0 为1时为正确信息提示,背景绿色,图片标示为?符号。为0时。背景红色,标示为?红叉 注:因为图片上传问题。大家能够自行寻找图片16*16</span> 欢迎增加Java交流群:398918539</p><p>*/</p>
js简易美丽的提示框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。