js简易漂亮的提示框

原创 2015年07月09日 17:28:38
<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="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="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弹出框、对话框、提示框、弹窗总结

js弹出框、对话框、提示框、弹窗总结 一、JS的三种最常见的对话框 [javascript] view plaincopy //=...

漂亮实用商品图片jquery tips提示框(无图片箭头+阴影)

在 6om购物排行榜上发现了这个 jquery tips 商品图片提示框,非常漂亮。使用 Jquery 类库,代码精简,并且带人性化缺口和阴影。那个箭头不要以为是用图片做的,其实并没有,完全用 CSS...

漂亮提示框

JavaFx 简易弹出提示框

调用也很简单,直接调用几个静态的show方法就可以了 package com.sbt.jfxcomponents; import javafx.event.ActionEvent; import ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)