<!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> |
转载于:https://www.cnblogs.com/mondLei/p/3311536.html