js 实现两个信息框弹出

来源：互联网发布：管家婆导出数据编辑：程序博客网时间：2024/06/05 14:54

第一种

盒子模式：

<!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=UTF-8" /> <title>过期销售订单提示</title> <style type="text/css"></style><script type="text/javascript"> window.onload=function(){showBox();} function showBox() { o=document.getElementById("popUpBox"); o.style.height=o.clientHeight+2+"px"; if (o.clientHeight<200) {setTimeout("showBox()",10); }} function closeBox() {document.getElementById("popUpBox").style.display="none";} </script> </head><body><h1>1232132131</h1><div id="popUpBox"><div id="inner"> <h4>过期销售订单提示</h4> <a id="close" onclick="closeBox()"><img src="close.gif" width="8px" height="8" border="0" class="a" /></a> <h5>要标记以下单子为“过期”，请点击！</h5> <div id="list"> <p><a href="#" id="info1">测试内容一</a><span>081127000009</span>2008-11-29</p> <p><a href="#" id="info1">测试内容一</a><span>081127000009</span>2008-11-29</p> <p><a href="#" id="info1">测试内容一</a><span>081127000009</span>2008-11-29</p> </div> </div></div></body> </html>

第二种

javascript 构造模式：

<SCRIPT language=JavaScript>  </SCRIPT>