【网页特效代码-页面特效】弹出一个淡入淡出的提示框

来源：网络收集时间：2026-08-10

导读：【黑客代码-黑客技术文档-精品推荐!都是精华!网页设计-网站建设-最新实用技巧经典技术文档免费下载】 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN html head title特效代码:弹出一个淡入淡出的提示框Ｑ291911320/title SCRIPT var intTimeS

【黑客代码-黑客技术文档-精品推荐!都是精华!网页设计-网站建设-最新实用技巧经典技术文档免费下载】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>特效代码:弹出一个淡入淡出的提示框Ｑ291911320</title>
<SCRIPT>
var intTimeStep=20;
var isIe=(window.ActiveXObject)?true:false;
var intAlphaStep=(isIe)?5:0.05;
var curSObj=null;
var curOpacity=null;
var stopTime=0;
function startObjMessage(objId)
{
curSObj=document.getElementById(objId);
if(isIe){curSObj.style.cssText='DISPLAY: none; Z-INDEX: 1; FILTER: alpha(opacity=0); POSITION: absolute;';}
setMessage();
}
function setMessage()
{
if(isIe){curSObj.filters.alpha.opacity=0;}
else{curOpacity=0;curSObj.style.opacity=0}
curSObj.style.display='';
setMessageShow();
}
function setMessageShow()
{
if(isIe)
{
curSObj.filters.alpha.opacity+=intAlphaStep;
if (curSObj.filters.alpha.opacity<100) {setTimeout('setMessageShow()',intTimeStep);}
else{stopTime+=10;if(stopTime<500){setTimeout('setMessageShow()',intTimeStep);}else{stopTime=0;setMessageClose();}}
}else
{
curOpacity+=intAlphaStep;
curSObj.style.opacity =curOpacity;
if (curOpacity<1) {setTimeout('setMessageShow()',intTimeStep);}
else{stopTime+=10;if(stopTime<200){setTimeout('setMessageShow()',intTimeStep);}else{stopTime=0;setMessageClose();}}
}
}
function setMessageClose()
{
if(isIe)
{
curSObj.filters.alpha.opacity-=intAlphaStep;
if (curSObj.filters.alpha.opacity>0) {
setTimeout('setMessageClose()',intTimeStep);
}
else {
curSObj.style.display='none';
}
}
else
{
curOpacity-=intAlphaStep;
if (curOpacity>0) {
curSObj.style.opacity =curOpacity;
setTimeout('setMessageClose()',intTimeStep);
}
else {
curSObj.style.display='none';
}
}
}
</SCRIPT>
</head>
<body>
<table width=80% ID="Table1"><tr><td>效果二：淡入淡出的弹出消息<br><input type=button onclick="startObjMessage('objDiv')" value="点击弹出消息" ID="Button1" NAME="Button1"></td>
</tr>
<tr><td><DIV id="objDiv" style="DISPLAY: none; Z-INDEX: 1; POSITION: absolute; ">
<img src="/teixiao/UploadFiles_4612/200801/20080111122858630.gif">测试效果<img src="/t
eixiao/UploadFiles_4612/200801/20080111122858630.gif"></DIV></td></tr>
</table>
</body>
</html>

【网页特效代码-页面特效】弹出一个淡入淡出的提示框.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/fanwen/755618.html（转载请注明文章来源）

上一篇：O型圈(美标)规格尺寸表
下一篇：七年级语文上册第28课《木兰诗》学案鄂教版精品