jquery右下角弹出框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<title>右下角的弹窗，消息框</title>
<scripttype="text/javascript"src="js/jquery-1.8.0.min.js"></script>
<styletype="text/css">
#winpop{width:350px;height:220px;position:absolute;right:5px;bottom:5px;border:1pxsolid#999999;margin:0;padding:1px;overflow:hidden;display:none;background:#FFFFFF}
#winpop.title{width:100%;height:20px;line-height:20px;background:#4F94CD;font-weight:bold;text-align:center;font-size:12px;}
#winpop.con{width:100%;height:160px;font-weight:bold;font-size:12px;color:#FF0000;text-align:left;margin-left:5px;margin-top:5px;}
#close{position:absolute;right:4px;top:-1px;color:#FFFFFF;cursor:pointer}
</style>
<scripttype="text/javascript">
$(function($){
//弹出提示
$("#winpop").slideDown(1000);
//隐藏提示
$("#close").click(function(){
$("#winpop").slideUp(1000);
});
});
</script>
</head>
<body>
<divid="silu">
<buttononclick="tips_pop()">测试按钮</button>
</div>
<divid="winpop">
<divclass="title">您有新的消息<spanid="close"style="margin-right:3px">X</span></div>
<divclass="con">你有未读信息(1)</div>
</div>
</body>
</html>