【转】模仿QQ\MSN的网页右下角弹出层

DIV:

<div id="winpop">

<div class="title">操作结果：<span class="close" onclick="tips_pop()">X</span></div>

<div id="DivOperateResult" class="con"></div>

</div>

JS:

<script type="text/javascript">

//弹出层代码，调用：tips_pop()

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"; //隐藏DIV

}

}

}

window.onload=function(){ //加载

document.getElementById('winpop').style.height='0px';

//setTimeout("tips_pop()",800); //3秒后调用tips_pop()这个函数

}

</script>