| <!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> | |
| <style type="text/css"> | |
| body {margin:0px;padding:0px;font-size:14px; line-height:24px;} | |
| #tip { | |
| position: absolute; | |
| right: 0px; | |
| bottom: 0px; | |
| height: 0px; | |
| 180px; | |
| border: 1px solid #CCCCCC; | |
| background-color: #eeeeee; | |
| padding: 1px; | |
| overflow:hidden; | |
| display:none; | |
| font-size:12px; | |
| z-index:10; | |
| } | |
| #tip p {padding:6px;} | |
| #tip h1,#detail h1 { | |
| font-size:12px; | |
| height:20px; | |
| line-height:20px; | |
| background-color:#999999; | |
| color:#FFFFFF; | |
| padding:0px 3px 0px 3px; | |
| filter: Alpha(Opacity=100); | |
| } | |
| #tip h1 a,#detail h1 a { | |
| float:right; | |
| text-decoration:none; | |
| color:#FFFFFF; | |
| } | |
| </style> | |
| <script type="text/javascript"> | |
| var handle; | |
| function start() | |
| { | |
| var obj = document.getElementById("tip"); | |
| if (parseInt(obj.style.height)==0) | |
| { obj.style.display="block"; | |
| handle = setInterval("changeH('up')",2); | |
| }else | |
| { | |
| handle = setInterval("changeH('down')",2) | |
| } | |
| } | |
| function changeH(str) | |
| { | |
| var obj = document.getElementById("tip"); | |
| if(str=="up") | |
| { | |
| if (parseInt(obj.style.height)>150) | |
| clearInterval(handle); | |
| else | |
| obj.style.height=(parseInt(obj.style.height)+8).toString()+"px"; | |
| } | |
| if(str=="down") | |
| { | |
| if (parseInt(obj.style.height)<8) | |
| { | |
| clearInterval(handle); | |
| obj.style.display="none"; | |
| } | |
| else | |
| obj.style.height=(parseInt(obj.style.height)-8).toString()+"px"; | |
| } | |
| } | |
| </script> | |
| </head> | |
| <body> | |
| <div id="tip"><h1><a href="javascript:void(0)" onclick="start()">×</a>系统提示</h1><p>提示什么内容呢？</p></div> | |
| <script> | |
| document.getElementById('tip').style.height='0px'; | |
| start() | |
| </script> | |
| </body> |