javascript右下角弹窗，弹窗数量无上限问题。

Question

本帖最后由 oHuoWei 于 2013-06-09 12:59:58 编辑

Answer 1

就是一直插入新的html即可，设置一下css的z-index即可

Answer 2

这个本就是不合理，但是客户就是要这个需求……这一块没怎么接触过。所以上网看了下都是<div>通过js调用的，调试了一上午都无法实现多窗口叠加弹出的。插入新的html是指…能给具体的说明么，先谢了。

Answer 3

用js 写一个对象，然后把 z-index作为公共变量传入参数，就行了。
var i=0;
function addTip(){
$(document.body).append("<div style='z-index:"+(i++)+"'></div>")
}
大概这个意思。。你可以尝试多次调用addTip就可以看到效果，当然 div的样式，你得复制进去

Answer 4

这个本就是不合理，但是客户就是要这个需求……这一块没怎么接触过。所以上网看了下都是<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;
    }
});