jQuery 訊息提示框

iteye_133發表於2010-12-23

<script src="jquery-1.2.6.pack.js" type="text/javascript"></script>


<div id="aa" style="width:200px;height:300px;border:1px solid green;position:absolute;right:0px;bottom:0;display=none;">
<input type=button onclick="$('#aa').slideUp(1000)" value="x"> <br>
<input type=checkbox onclick="clearInterval(bb)" id="chk">下次不在提示
<div>
<a id="aaa" href="">您有x個未讀訊息</a>
</div>
</div>

<script>
function showmsg()
{
//去查有幾個未讀訊息
$.post("url",function(x){
if (x>0)
{
$("#aa").slideDown(1000);
$("#aaa").html("您有"+x+"個未讀訊息");
}
});
}


function showmsg2()
{
//彈出訊息(速度)
$("#aa").slideDown(1000);
}

//每隔幾秒呼叫
var bb = setInterval("showmsg2()",5000);
</script>

相關文章