更新时间：2015年10月21日

长沙网站制作弹出一个淡入淡出的提示框

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>特效代码:弹出一个淡入淡出的提示框</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_fckprotectedatt="%20onclick%3D%22startObjMessage('objDiv')%22" value="点击弹出消息" ID="Button1" NAME="Button1"></td> </tr> <tr><td><DIV id="objDiv" style="DISPLAY: none; Z-INDEX: 1; POSITION: absolute; "> <img src="http://www.webjx.com/files/080101/1_122131.gif" _fcksavedurl="http://www.webjx.com/files/080101/1_122131.gif">测试效果<img src="http://www.webjx.com/files/080101/1_122131.gif" _fcksavedurl="http://www.webjx.com/files/080101/1_122131.gif"></DIV></td></tr> </table> </body> </html>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

代码整理：长沙网站设计|长沙网站制作|长沙网站建设|长沙网站优化|长沙网站托管—龙帝网络科技

＊尊重他人劳动成果，转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。

上一篇：鼠标滑过图片出现大图片提示层效果js代码
下一篇：长沙网站制作-DIV+CSS+JS实现兼容性很好无限级下拉菜单