一个简单的弹窗提示信息

js:

function  alertError(msg,code){
    alertErrorF(msg,code,null, 2000);
}
function  alertErrorF(msg,code,f, ms){
    if(ms==undefined) ms=2000;
    $(".alertError").remove();
    $("body").append("<div class=‘alertError‘ style=‘display: block;position:absolute;zoom:1;z-index:2147483647;‘>"+msg+"</div>");
    if(code>0){
        $(".alertError").addClass("alertSucc");
    }else{
        $(".alertError").removeClass("alertSucc");
    }
    window.setTimeout(function(){
        $(".alertError").remove();
        if(f!=null && typeof(f) == "function" && code>0){
            f.call(f);
        }
    },ms)
}

css:

.alertError{
   display:none;
   min-width:100px;
   max-width:200px;
   width:auto; 
   position:fixed;
   left:50%;
   top:40%;
   margin-left:-80px;
   word-wrap:break-word;
   border:none;
   padding:10px 20px;
   background-color:#ff5660;
   border-radius:5px;
   -moz-border-radius:5px;
   box-shadow:0 5px 27px rgba(0,0,0,0.3);
   -webkit-box-shadow:0 5px 27px rgba(0,0,0,0.3);
   -moz-box-shadow:0 5px 27px rgba(0,0,0,0.3);
   _display:block;
   z-index:101;
   padding:20px;
   color: white;
   text-align:center;
}

jsp:

<div class="alertError" ></div>

使用:
alertError("添加成功","1");
时间: 2024-10-26 22:17:23

一个简单的弹窗提示信息的相关文章

一个简单遮罩弹窗效果

<script> $(document).ready(function(){ // $(".n_ordinfo").hide(); $("#ordsure").click(function(){ $(".n_ordinfo").show(); //获取鼠标滚动高度 var $scrolhei=$(document).scrollTop(); //点击后添加div元素并设置其为绝对定位 $("<div id='bgwra

一个简单的页面弹窗插件 jquery.pageMsgFrame.js

页面弹窗是网站中常用的交互效果,它可以强提示网站的某些信息给用户,或者作用于某些信息的修改等等功能. 这几天在做一个项目的时候,就顺捎把这个插件写一下,栽棵树,自己乘凉吧. 原创博文,转载请注明出处:http://www.cnblogs.com/dereksunok/p/3724764.html html代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5

Github项目解析(十一)--&gt;一个简单,强大的自定义广告活动弹窗

转载请标明出处:一片枫叶的专栏 上一篇文章中讲解了我最近写的一个快速集成二维码扫描库,其核心的实现扫描的功能,是通过调用ZXing库实现的.由于在实现二维码扫描功能的时候发现集成二维码扫描功能并不是特别方便,于是有了将其制作成标准库的想法,这个二维码库能够快速,方便的集成二维码扫描功能,项目地址是在:android-zxingLibrary**,在项目开源后有不少同学提出了许多不错的意见,目前也在不断的迭代中,自己也学到了很多. 本文我们将讲解一个简单,强大的广告活动弹窗控件.不少App在打开的

[UWP]使用Picker实现一个简单的ColorPicker弹窗

在上一篇博文<[UWP]使用Popup构建UWP Picker>中我们简单讲述了一下使用Popup构建适用于MVVM框架下的弹窗层组件Picker的过程.但是没有应用实例的话可能体现不出Picker相对于ContentDialog的优点在哪里,毕竟Linus大神说过: Talk is cheap, show me the code! 我们假定要实现这样一个颜色选择器:当用户需要选择一个颜色时,应用弹出颜色选择器,用户选择完成后,点击"确定"按钮关闭弹窗,并且向调用方代码返回

【sehll学习】linux运维一个简单shell脚本监控系统内存

学习shell脚本入门后,慢慢要尝试编写一些脚本练练手,在这先简单的学习写个系统内存的监控. 1.首先先要确定一下截取一下需要关注的内存使用值,可使用free 命令来操作 free -m 显示 一般在监控内存是我们都是截取 第三行(-/+ buffers/cache)的值.确定后可以使用管道线和grep命令来获取这个的值. free -m | grep - | awk  '{print $4}' 获取到他的值为  858 当中 grep -  就是匹配一下要选取的内容,不太熟悉的可以学习一下gr

Ajax学习(二)—— 一个简单的Ajax实例

通过上篇博客认识Ajax之后,我们通过一个简单的实例来消化消化理论知识,一睹Ajax的庐山真面目. 1.实例功能: 当用户输入用户名,文本框失去焦点后,通过异步调用来判断该用户名是否已经存在.若存在,则在上图中红框处显示提示.当用户名可用时,提交按钮变为可用状态. 2.设计Html页面: <span style="font-family:SimSun;font-size:18px;"><strong><span style="font-famil

制作一个简单的文本框输入的网页

题目:制作一个简单的网页(包含一个文本框.一个按钮),在页面上输出用户在文本框输入的内容,要求用JavaScript获取文本框内容. 一.首先利用html在网页上制作表单,代码如下: **onclick事件:onclick 事件会在对象被点击时发生. 二.利用js获取输入信息,并将其输出: 相关知识: 1.给用户确认消息,真正实现交互,使用语句confirm();给用户提示信息,实现单向通信,使用语句alert(). 三.运行结果: 1.用浏览器打开结果如下: 2.输入文本框内容,点击[提交]:

DuiVision开发教程(2)-如何写一个简单的界面程序

基于DuiVision界面库开发的界面程序主要包括如下几部分内容: 1.资源定义,包括图片资源.各个窗口界面的xml定义文件 2.事件处理类代码,用于处理界面响应消息 3.其他业务逻辑代码 下面举例说明如何写一个简单的界面程序. 第一步:使用VC向导创建一个有两个tab页面的DuiVision工程 向导生成的解决方案文件如下: 默认有两个工程,分别是DuiVision库和应用程序工程.自动生成的代码目录中bin目录下的内容那个如下,bkimg目录存放窗口背景图片,skins目录存放图片资源,xm

Win32编程API 基础篇 -- 2.一个简单的窗口 根据英文教程翻译

一个简单的窗口 例子:简单的窗口 有时人们在IRC提问,”我应该怎样制作一个窗口”...嗯,这恐怕不是完全这么简单好回答!其实这并不难一旦你明白你在做什么,但在你得到一个可展示的窗口之前还有一些事情需要我们去做,我们只需要简单地聊聊快速做下笔记,这个问题就能被很简单的回答. 我很喜欢先动手再学习...一下就是一个简单的窗口的程序,我们将会简短的对它进行解释说明. 1 #include <windows.h> 2 3 const char g_szClassName[] = "myWi