jQuery 訊息提示框
<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>
相關文章
- Vue ElementUI 如何修改訊息提示框樣式---messageBoxVueUI
- 重繪DevExpress的XtraMessageBox訊息提示框控制元件devExpress控制元件
- jquery搜尋下拉提示框/登陸賬號下拉提示框jQuery
- 好訊息 OR 壞訊息
- RocketMQ 訊息整合:多型別業務訊息-普通訊息MQ多型型別
- 訊息機制篇——初識訊息與訊息佇列佇列
- RocketMQ 訊息整合:多型別業務訊息——定時訊息MQ多型型別
- tooltip提示框
- 利用redis的hash結構搭建訊息服務(發訊息,訂閱訊息,消費訊息,退訂)Redis
- RocketMQ 原理:訊息儲存、高可用、訊息重試、訊息冪等性MQ
- 訊息中介軟體—RocketMQ訊息消費(三)(訊息消費重試)MQ
- MQTT-保留訊息和遺囑訊息MQQT
- 解析 RocketMQ 業務訊息——“事務訊息”MQ
- 解析 RocketMQ 業務訊息--“順序訊息”MQ
- 訊息中介軟體—RocketMQ訊息傳送MQ
- RabbitMQ訊息佇列(五):Routing 訊息路由MQ佇列路由
- vue---元件間傳遞訊息(父子傳遞訊息,兄弟傳遞訊息)Vue元件
- Flash 訊息
- EventBridge訊息路由|高效構建訊息路由能力路由
- 直播原始碼網站,訊息圖示在收到訊息時展示訊息條數原始碼網站
- 短視訊直播原始碼,React children元件例項提示框原始碼React元件
- 訊息佇列系列一:訊息佇列應用佇列
- 訊息粘包 和 訊息不完整 問題
- RocketMQ訊息丟失解決方案:事務訊息MQ
- Rabbitmq可靠訊息投遞,訊息確認機制MQ
- vue提示訊息Vue
- RocketMQ普通訊息MQ
- 訊息佇列佇列
- RabbitMQ訊息模式MQ模式
- Laravel 訊息通知Laravel
- 廣播訊息
- Laravel——訊息通知Laravel
- 訊息佇列——數十萬級訊息的消費方案佇列
- 阿里雲訊息佇列 Kafka-訊息檢索實踐阿里佇列Kafka
- 訊息佇列之如何保證訊息的可靠傳輸佇列
- 本地訊息表成為歷史,二階訊息才是王道
- RabbitMQ訊息佇列(九):Publisher的訊息確認機制MQ佇列
- windows 訊息斷點Windows斷點
- [Redis]訊息佇列Redis佇列