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的样式,你得复制进去
------解决方案--------------------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;
}
});
------解决方案--------------------叠加万一很多,一直叠加下去,怎么查看或者关闭?叠加很容易,设置如楼上所讲!
设置个键盘事件关闭