easyUI实现(alert)提示框自动关闭的实例代码

function alert_autoClose(title,msg,icon){

 var interval;

 var time=1000;

 var x=2;  //设置时间2s

$.messager.alert(title,msg,icon,function(){});

 interval=setInterval(fun,time);

    function fun(){

   --x;

   if(x==0){

     clearInterval(interval);

 $(".messager-body").window(‘close‘); 

    }

};

}

easyui messager alert 的参数可以参考

http://xiaoyaocao.iteye.com/blog/1880245

时间: 2024-10-04 08:10:52

easyUI实现(alert)提示框自动关闭的实例代码的相关文章

修改js confirm alert 提示框文字的简单实例

修改js confirm alert 提示框文字的简单实例: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <style> *{padding: 0; margin: 0;} html{ height: 100%; } body{ font-size: 16px; font-family: "Microsoft Yah

基于Zepto的Alert提示框开源框架Tiny-Alert

项目主页:http://shootyou.github.io/Tiny-Alert/ 什么是Tiny-Alert? 这是一个基于Zepto的提示框插件,在移动端使用会有更好的效果.它被设计成是移动端原生alert和confirm提示框的更美观替代品.同时它还实现了一个loading效果.它的核心代码参考了rDailog,在它基础上适配了zepto,去掉了移动端用不到的特性,另外让它看上去更美观了. 它有如下特性: 轻量级,代码量不超过300行,压缩后仅2k. 基于zepto更适合移动端. 支持回

第一百九十六节,jQuery EasyUI,Tooltip(提示框)组件

jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法,,这个组件不依赖于其 他组件. 一.加载方式 //class 加载方式 <a href="http://www.ycku.com" title="这是一个提示信息!" class="easyui-tooltip">Hover Me <

easyui 菜单按钮&amp;提示框

<script type="text/javascript"> function updatePwd(){ alert('修改密码'); } </script> </head> <body> <a class="easyui-menubutton" data-options="menu:'#mm',iconCls:'icon-help'">控制面板</a> <div i

自定义alert提示框

引言:在做js前端的时候,很多时候,我们会用到alert来显示提示信息,但是不同的浏览器,alert显示出来的效果也大不相同,尤其是chrom浏览器,显示出来在顶端,用起来很不方便,为此,考虑到信息框的一致性与浏览器的兼容问题,萌生了自己写一个的念头,在此将自己的一个小成果贴出来,抛砖引玉,希望大家多多完善. 首先,看看不同浏览器的显示效果: chrom IE8 自己完成后的效果: 这个是基于jquery+CSS+html实现的,主要为: 1.自定义提示内容与标题: 2.自定义提示框样式与大小:

easyui datagrid 列表提示框

由于列宽时固定的,而存在列中的数据展示不全,于是需要增加一个提示数据的提示框. 具体操作如下: 在对应的列上增加一个formatter,formatter的函数为: 具体实现效果如下图:

带箭头提示框总结及实例

无论是提示框还是导航栏都能看到如上图所示的带有箭头的框框,这种箭头可以通过背景图片或者是css来实现,本文介绍三种通过css实现带箭头的提示框. 通过border属性思路:两个三角形,通过定位使两个三角形相差1px作为边框. CSS3 transfrom思路:先做一个两条边相同颜色的正方形,然后旋转一定角度就是三角形了 特殊字符'♦'思路:特殊字符漏出上半部分,看上去就像三角形了 一.通过border属性: 我们先做一个宽和高都是10px的div,边框也是10px, 1 width: 10px;

修改js confirm alert 提示框文字

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <style> *{padding: 0; margin: 0;} html{ height: 100%; } body{ font-size: 16px; font-family: "Microsoft Yahei"; height: 100%; } h1,h2

点击删除弹出提示框,是否删除代码

删除一般来说是比较严谨的,要避免误删,尽量删删除按钮的时候,做一个删除时候的提示,再去选择是否删除 function Delete(){ if(confirm("是否缺人删除?")){ //这里写删除的代码 alert("确认删除"); }else{ alert("取消删除"); } }