本文共 1734 字，大约阅读时间需要 5 分钟。
| | <!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; |
| | width: 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="" onclick="start()">×</a>系统提示</h1><p>提示什么内容呢？</p></div> |
| | <script> |
| | document.getElementById('tip').style.height='0px'; |
| | start() |
| | </script> |
| | </body> |
转载于:https://www.cnblogs.com/mondLei/p/3311536.html