Java实现页面右下角消息提醒框

　　这篇文章我们来了解“java页面简单实现右下角消息提示”的内容，小编通过实际的案例向大家展示了操作过程，简单易懂，有需要的朋友可以参考了解看看，那么接下来就跟随小编的思路来往下学习吧，希望对大家学习或工作能有帮助。

　　JSP页面上通过JS实现消息弹出框，样式可根据要求修改，这边只是一个简单的示范例子，自定义了两条消息，弹框效果如下

　　JSP页面

　　<%@ page language="java" import="java.util." pageEncoding="gb2312"%>

　　<%@page import="java.util."%>

　　<%

　　//未读消息unreadList根据实际情况取

　　ListunreadList = new ArrayList();

　　Map map1=new HashMap();

　　map1.put("msgId","1");

　　map1.put("msgContent","message111111");

　　unreadList.add(map1);

　　Map map2=new HashMap();

　　map2.put("msgId","2");

　　map2.put("msgContent","message222222");

　　unreadList.add(map2);

　　int num=unreadList.size();

　　%>

　　<script language="javascript" type="text/javascript">

　　window.onload = function tanchuang() { //加载

　　document.getElementById('winpop').style.height = '0px';//要初始化这个高度,虽然CSS里已经初始化了

　　setTimeout("tips_pop()",0); //调用tips_pop()这个函数

　　}

　　function tips_pop() {

配文图片由AI根据内容生成，仅供参考。

　　var popH = parseInt(MsgPop.style.height);//用parseInt将对象的高度转化为数字,以方便下面比较

　　if (popH == 0) { //如果窗口的高度是0

　　MsgPop.style.display = "block";//那么将隐藏的窗口显示出来

　　show = setInterval("changeH('up')", 2);//开始以每0.002秒调用函数changeH("up"),即每0.002秒向上移动一次

　　} else { //否则

　　hide = setInterval("changeH('down')", 2);//开始以每0.002秒调用函数changeH("down"),即每0.002秒向下移动一次

　　}

　　}

　　function changeH(str) {

　　var MsgPop = document.getElementById("winpop");

　　var popH = parseInt(MsgPop.style.height);

　　if (str == "up") { //如果这个参数是UP

　　if (popH = 4) { //如果这个参数是down

　　MsgPop.style.height = (popH - 4).toString() + "px";//那么窗口的高度减少4个象素

　　} else { //否则

　　clearInterval(hide); //否则就取消这个函数调用,意思就是如果高度小于4个象度的时候,就不再减了

　　MsgPop.style.display = "none"; //因为窗口有边框,所以还是可以看见1~2象素没缩进去,这时候就把DIV隐藏掉

　　}

　　}

　　}

　　</script>

　　<%if(num>0){ %>

　　共有<%=num %>条未读消息

　　X

　　<%for(int i=0;i

　　">

　　<%if(String.valueOf(unreadList.get(i).get("msgContent")).length()>16) {%>

　　<%=String.valueOf(unreadList.get(i).get("msgContent")).substring(0,16)+"..." %>

　　<%} else{ %>

　　<%=String.valueOf(unreadList.get(i).get("msgContent")) %>

　　<%} %>

　　<%

　　if(i>=1){//最多显示两条

　　break;

　　}

　　} %>

　　更多未读消息...

　　<%} %>

　　以上就是关于“java页面简单实现右下角消息提示”的介绍了，感谢各位的阅读，希望这篇文章能帮助大家解决问题

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!