<!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>
<script src="jquery-1.2.6.min.js"></script>
<script>
<!--
$(document).ready(function(){
$("body").append('<div id="pauseInfo"> <p class="title"><span id="titleContext" style="float:left"></span><span style="float:right"><img id="tomin" class="button" src="button_min.gif"/><img id="tomax" class="button" src="button_max.gif"/><img id="toclose" class="button" src="button_close.gif"/></span></p><br/><div id="noticecon">X</div></div>');
$("img[id=tomin]").click(function(){
$("div[id=noticecon]","div[id=pauseInfo]").slideUp("slow");
});
$("img[id=tomax]").click(function(){
$("div[id=noticecon]","div[id=pauseInfo]").slideDown("slow");
});
$("img[id=toclose]").click(function(){
$("div[id=pauseInfo]").hide();
});
$(".title").dblclick(function(){
$("div[id=noticecon]","div[id=pauseInfo]").slideToggle("slow");
});
$("button").click(function(){
$("#titleContext").html($("#title").val());
$("#noticecon").html($("#context").val());
$("div[id=noticecon]").slideDown("slow");
$("div[id=pauseInfo]").slideDown("slow");
});
});
-->
</script>
<style>
<!--
#pauseInfo {
position:absolute;
display:none;
width:250px;
border:solid #9BDF70 1px;
background-color: #F0FBEB;
right:10px;
bottom:0px;
}
.title {
width:99%;
font-size:12px;
margin:1px;
padding:0px 2px 0px 8px;
background-color:#C2ECA7;
color:#666666;
height:16px;
}
.button {
cursor:pointer;
}
#pauseInfo div {
font-size:12px;
margin:1px;
padding:0px 5px 0px 5px;
background-color:#FFFFFF;
color:#999999;
line-height:20px;
}
-->
</style>
</head>
<body>
标题：<input type="text" id="title" value="新消息"></input>
内容：<input type="text" id="context" value="我是内容......"></input>
<button>xxx</button>
</body>
</html>
