在初始化页面的时候弹出消息框,这和后台消息推送是不一样的,只是在加载页面的时候去查询一些数据然后通过弹出框的形式来显示:以达到提示用户注意目的! 首先要下载jquery.messager.js插件,引入js <scripttype="text/javascript"src="<%=request.getContextPath()%>/javascript/jquery-1.8.2.js"></script> <scripttype="text/javascript"src="<%=request.getContextPath()%>/javascript/jquery.messager.js"></script>
下面是一个简单的jquery的ajax提交: $(function(){ //$.messager.lays(200, 150);//定义消息框大小
$.ajax({ url:'ydxxShBlh_ydxxShCount.do', success:function(res){ var count=$.json(res).json.count; $.messager.show("提示信息",'您共有'+count+'件案件将会过期,请尽早处理!',3000); } }); }); 这里的3000表示消息框会出现3秒钟,你可以自行定义,注意:如果这个参数为0的话,那么表示这个消息框不会自己消失,要你自己点击叉号才能关闭。 自己定义消息框弹出的方式 $.messager.anim('fade', 1000);//show,slide 这个方法是定义消息框弹出的形式,如果没有默认是由下向上移出fade是渐渐的显现,show是 slide是滑动,默认是slide的方式,下面是默认的初始化: this.original = function() { this.layer = { 'width' :200, 'height' :100 }; this.title = '信息提示'; this.time = 4000; this.anims = { 'type' :'slide', 'speed' :600 }; }; |
实现第一次打开页面右下角弹出消息
最新推荐文章于 2024-08-12 14:43:17 发布