弹出提示框 自动消失
我们在进行增、删、改、查的时候,很多时候都需要一个提示信息以表明所做操作的成功等状况。有些人喜欢用alert()来提示,这不太人性化,因为alert()弹出来的提示框必须点确定才能继续进行其它操作。我所希望的做法是用一个div层来容纳这些友好提示信息,并能够自动消失
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>弹出提示框 自动消失</title>
<script language="javascript" type="text/javascript">
var speed=1000;
var wait=2;
var intTimeStep=20;
var isIe=(window.ActiveXObject)?true:false;
var intAlphaStep=(isIe)?5:0.05;
var curSObj=null;
var curOpacity=null;
function startObjVisible(objId)
{
curSObj=document.getElementById(objId);
if(wait==0)
{
setObjClose();
}
else
{
curSObj.style.display='';
setObjOpen();
wait--;
setTimeout("startObjVisible('objDiv')",speed);
}
}
function setObjOpen()
{
if(isIe)
{
curSObj.filters.alpha.opacity+=intAlphaStep;
if (curSObj.filters.alpha.opacity<100)
{
setTimeout('setObjOpen()',intTimeStep);
}
}
else
{
curOpacity+=intAlphaStep;
curSObj.style.opacity =curOpacity;
if (curOpacity<1) setTimeout('setObjOpen()',intTimeStep);
}
}
function setObjClose()
{
if(isIe)
{
curSObj.filters.alpha.opacity-=intAlphaStep;
if (curSObj.filters.alpha.opacity>0)
{
setTimeout('setObjClose()',intTimeStep);
}
else
{
curSObj.style.display="none";
}
}
else
{
curOpacity-=intAlphaStep;
if (curOpacity>0)
{
curSObj.style.opacity =curOpacity;
setTimeout('setObjClose()',intTimeStep);
}
else
{
curSObj.style.display='none';
}
}
}
</script>
</head>
<body>
<input type="button" onClick="startObjVisible('objDiv')" value="添加数据" />
<div id="objDiv" style="display:none; z-index:999; left:100px; filter:alpha(opacity=0);position:absolute; background-color:#FFCC66; height:100px; width:200px;">添加成功 </div>
</body>
</html>
转载于:https://www.cnblogs.com/zhengxiqiang/archive/2009/05/06/1451138.html
弹出提示框 自动消失相关推荐
- 网页弹出提示框3秒后自动消失
页面弹出提示框3秒后自动消失 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...
- C#web弹出提示框的几种方法
在C#制作网站中我用到的弹出提示框的方法如下: 构造一个函数msgbox,然后调用. #region 实现MsgBox功能 /// /// 显示"确定"点击以后就转 ...
- php右小角弹出框,js右下角弹出提示框示例代码
本文实例讲解了网页右下角弹出广告信息框实例代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: 网页右下角的信息框 #winpop { width:200px; height:0px; po ...
- php 右下脚弹窗,JavaScript实现右下角弹出提示框的方法
在我们日常开发工作中,我们会经常遇到需要在页面的右下角弹出提示框或者广告的小功能,这样是为了更好的让用户体验,那么如何实现网页右下角弹出提示框呢?今天我们就带大家介绍下JavaScript实现右下角弹 ...
- Microsoft Visusl C++2010运行程序时,调试弹出黑框自动闪退无法看见运行结果的解决方法
1.Microsoft Visusl C++2010运行程序时,调试弹出黑框自动闪退无法看见运行结果的解决方法 方法在图片下面,耐心的看哟,千万不要错过这莫好的方法呢!!! 一个小案例(输入数据转换度 ...
- Unity3D中角色撞击物体弹出提示框或显示对象效果
角色撞击物体弹出提示框或显示对象效果 刚开始使用的是调用SetActive方法 例: 在Start()函数中设置对象的SetActive属性为false,在函数 void start() {gameo ...
- IOS弹出提示框(确认/取消)
在移动开发之中,系统弹出提示框是很常见的需求,比如,账户密码输入不正确的时候,给予客户提示"输入不正确,请再次输入!": 此文章不做详细的描述,因为这个东西的话,也很简单,如果要以 ...
- JS的三种弹出提示框(alert、confirm、prompt)
三种弹出提示框 1.alert() 2.confirm() 3.prompt() 1.alert() 方法会弹出一个警告框,只有确定按钮 alert('这是个警告框') 2.comfim() 会弹出一 ...
- 非常优美的弹出提示框SweetAlert
SweetAlert的简单使用 SweetAlert可以替代JavaScript原生的alert和confirm等函数呈现的弹出提示框,它将提示框进行了美化,并且允许自定义,支持设置提示框标题.提示类 ...
最新文章
- 腾讯程序员最爱 C++,每年写 3 万行代码,70% 的技术 Leader 仍在持续编码
- 常考数据结构与算法:将字符串转为整数
- vb.net 功能f8键事件_笔记本电脑功能键介绍
- 开源项目葫芦藤:IdentityServer4的实现及其运用
- Objective-C 方法重载 - Selector 标识起决定作用
- 一个数学公式求解的优化
- WinRAR去广告实现
- marlab中主成分得分怎么求_PCA(主成分分析) 和 SVD (奇异值分解)
- WPF 点击按钮打开新窗口
- 1461错误,nbsp;mysql_stmt_prepa…
- Linux [11] -- Recap Linux Basic Command
- 怎样把照片中的头像扶正_礼仪|职场人士微信头像怎么选才得体?
- 【探花交友】day05—圈子互动
- 宣布全面开源,微众银行正下一盘区块链商业的大棋
- 谷歌学术导出参考文献(BibTeX)报错 403
- 比Everything还好用的搜索软件 - listary
- 美国顶尖的数学竞赛有哪些?
- unity在模型上绘制贴图
- 【转】百度编辑器UEditor
- CMake Error at /usr/lib/x86_64-linux-gnu/cmake/Qt5Core/Qt5CoreConfig.cmake:27 (message)