<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 "/>
<title> pop-up window in the lower right corner </title>
<style type= "Text/css" >
Body {background: #333333;}
#winpop {width:200px; height:0px; position:absolute; right:0; bottom:0; border:1px solid #999999; margin:0; padding:1px;
Overflow:hidden; Display:none; Background: #FFFFFF}
#winpop. title {width:100%; height:20px; line-height:20px; background: #FFCC00; font-weight:bold; text-align:center; font-
size:12px;}
#winpop. con {width:100%; height:80px; line-height:80px; font-weight:bold; font-size:12px; color: #FF0000; text-
Decoration:underline; Text-align:center}
#silu {font-size:13px; color: #999999; position:absolute; right:0; text-align:right; text-decoration:underline; line-height:22px;}
. close {position:absolute; right:4px; top:-1px; color: #FFFFFF; Cursor:pointer}
</style>
<script type= "Text/javascript" >
function Tips_pop () {
var Msgpop=document.getelementbyid ("Winpop");
var poph=parseint (MsgPop.style.height);
if (poph==0) {
msgpop.style.display= "Block";
Show=setinterval ("Changeh (' Up ')", 2);
}
else {
Hide=setinterval ("Changeh (' Down ')", 2);
}
}
function Changeh (str) {
var Msgpop=document.getelementbyid ("Winpop");
var poph=parseint (MsgPop.style.height);
if (str== "up") {
if (poph<=100) {
Msgpop.style.height= (poph+4). toString () + "px";
}
else{
Clearinterval (show);
}
}
if (str== "down") {
if (poph>=4) {
Msgpop.style.height= (popH-4). toString () + "px";
}
else{
Clearinterval (hide);
Msgpop.style.display= "None";
}
}
}
Window.onload=function () {
document.getElementById (' winpop '). style.height= ' 0px ';
SetTimeout ("Tips_pop ()", 800);
}
</script>
<body>
Content Display content display content display content display content Show content Show content display content showcase content Show content display
<div id= "Silu" >
<button onclick= "Tips_pop ()" > Test button </button>
</div>
<div id= "Winpop" >
<div class= "title" > You have a new message <span class= "Close" onclick= "Tips_pop ()" >X</span></div>
<div class= "Con" > Unread information (1) </div>
</div>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
</body>
Pop-up window in the lower right corner
