|
<!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="javascript:void(0)" onclick="start()">×</a>系统提示</h1><p>提示什么内容呢?</p></div> |
|
<script> |
|
document.getElementById('tip').style.height='0px'; |
|
start() |
|
</script> |
|
</body> |