弹框提示
<htmlxmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<metahttp-equiv=
"Content-Type"
content=
"text/html;charset=gb2312"
/>
<title>弹出提示小窗口示例</title>
<styletype=
"text/css"
>
*{margin:0px;padding:0px;}
html,body{height:100%;}
body{font-size:14px;line-height:24px;}
#tip{
position:absolute;
right:0px;
bottom:0px;
height:0px;
width:180px;
border:1pxsolid#CCCCCC;
#eeeeee;
padding:1px;
overflow:hidden;
display:none;
font-size:12px;
z-index:10;
}
#tipp{padding:6px;}
#tiph1,#detailh1{
font-size:14px;
height:25px;
line-height:25px;
color:#FFFFFF;
padding:0px3px0px3px;
filter:Alpha(Opacity=100);
}
#tiph1a,#detailh1a{
float
:right;
text-decoration:none;
color:#FFFFFF;
}
#shadow{
position:absolute;
width:100%;
height:100%;
z-index:11;
filter:Alpha(Opacity=70);
display:none;
overflow:hidden;
}
#detail{
width:500px;
height:200px;
border:3px
double
#ccc;
position:absolute;
z-index:30;
display:none;
left:30%;
top:30%
}
</style>
<scripttype=
"text/javascript"
>
varhandle;
functionstart()
{
varobj=document.getElementById(
"tip"
);
if
(parseInt(obj.style.height)==0)
{obj.style.display=
"block"
;
handle=setInterval(
"changeH('up')"
,2);
}
else
{
handle=setInterval(
"changeH('down')"
,2)
}
}
functionchangeH(str)
{
varobj=document.getElementById(
"tip"
);
if
(str==
"up"
)
{
if
(parseInt(obj.style.height)>200)
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"
;
}
}
functionshowwin()
{
document.getElementsByTagName(
"html"
)[0].style.overflow=
"hidden"
;
start();
document.getElementById(
"shadow"
).style.display=
"block"
;
document.getElementById(
"detail"
).style.display=
"block"
;
}
functionrecover()
{
document.getElementsByTagName(
"html"
)[0].style.overflow=
"auto"
;
document.getElementById(
"shadow"
).style.display=
"none"
;
document.getElementById(
"detail"
).style.display=
"none"
;
}
</script>
</head>
<bodyonload=
"document.getElementById('tip').style.height='0px'"
>
<divid=
"shadow"
></div>
<divid=
"detail"
>
</div>
<divid=
"tip"
><h1><ahref=
"javascript:void(0)"
onclick=
"start()"
>×</a>消息提示</h1><p><ahref=
"javascript:void(0)"
onclick=
"showwin()"
>查看详细</a></p></div>
<p><ahref=
"#"
onclick=
"start()"
>点击查看未处理信息</a><br><br><br><br>