弹出提示框 自动消失
?我們在進行增、刪、改、查的時候，很多時候都需要一個提示信息以表明所做操作的成功等狀況。有些人喜歡用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
總結
以上是生活随笔為你收集整理的弹出提示框 自动消失的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： MED-V服务器部署，MED-V服务器系
- 下一篇： flex 视频