日期:2014-05-16  浏览次数:20368 次

javascript右下角弹窗,弹窗数量无上限问题。
本帖最后由 oHuoWei 于 2013-06-09 12:59:58 编辑
最近在做个项目,要求通过轮询右下角动态弹出消息框,新消息框出来旧消息框不消失,一直叠加下去。。。这个得怎么实现啊,卡在这么。。有没什么好建议好代码分享下,感激不尽啊。

------解决方案--------------------
就是一直插入新的html即可,设置一下css的z-index即可
------解决方案--------------------
叠加万一很多,一直叠加下去,怎么查看或者关闭?叠加很容易,设置如楼上所讲!
------解决方案--------------------
用js 写一个对象,然后把 z-index作为公共变量传入参数,就行了。


var i=0;
function addTip(){
$(document.body).append("<div style='z-index:"+(i++)+"'></div>")
}


大概这个意思。。你可以尝试多次调用addTip就可以看到效果,当然 div的样式,你得复制进去
------解决方案--------------------
引用:
Quote: 引用:

叠加万一很多,一直叠加下去,怎么查看或者关闭?叠加很容易,设置如楼上所讲!
这个本就是不合理,但是客户就是要这个需求……这一块没怎么接触过。所以上网看了下都是<div>通过js调用的,调试了一上午都无法实现多窗口叠加弹出的。插入新的html是指…能给具体的说明么,先谢了。
http://www.kudystudio.com/jbox/jbox-demo.html  参考这个,例如:
$.jBox.messager("消息内容区", "提示框标题", 3000, {
    width: 300,//宽度
    icon: 'info',
    showType: 'show',
    buttons: { '确定': 'seedetail' },
    submit: function (v, h, f) {
       //点击确定,页面跳转
window.location.href='目标页面';
       return true;
    }
});

------解决方案--------------------
引用:
叠加万一很多,一直叠加下去,怎么查看或者关闭?叠加很容易,设置如楼上所讲!
设置个键盘事件关闭