zoukankan      html  css  js  c++  java
  • 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="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="images/ok.png" style="vertical-align: middle;margin-right:5px;" alt="OK,"/>' + txt + '</div>';
    			} else {
    				htmlCon = '<div class="tipsBox" style="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="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>
  • 相关阅读:
    linux安装mongodb(设置非root用户和开机启动)
    Dubbo与Kubernetes集成
    利用Arthas定位线上问题实例
    利用JVM在线调试工具排查线上问题
    用Python写算法题--洛谷P1149 火柴棒等式
    通过实例理解Java网络IO模型
    Http协议Content-Length详解
    异步处理ServletRequest引发的血案
    漫谈递归和迭代
    ThinkPad笔记本外放没声音解决办法(不是驱动的原因)
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7101866.html
Copyright © 2011-2022 走看看