PNotify消息提示框,感觉有bug,
dir1===>right指消息提示框div向右移动;left指消息提示框div向左移动;down指消息提示框div向下移动;up指消息提示框div向上移动 相反方向消失
dir2===>right,left,down,up 指大div在浏览器窗口移动方向
push===>top指由下往上显示;up指由上往下显示
dalay==> 控制时间
addClass来判断消息框出现的位置
class位置
默认右部顶端25px或者36px
stack-bottomright显示位置底部右下角样式为{bottom:25px;top:auto;}
stack-bottomleft显示位置底部右下角样式为{bottom:25px;top:auto;}
stack来判断消息框对整个窗口移动的位置
var stack_bottomleft={"dir1":"up","dir2":"left"}
$(".source100").click(function(){
var opts={
type:"success",
styling:"bootstrap3",
title:"老糊涂",
text:"看看人间爱怎么写",
delay:8000,
buttons:{
sticker:false,
labels: {close: "关闭", stick: "停止"}
},
addclass:"stack-bottomleft",
//animate_speed:'slow',
//animation:"slide"
stack:stack_topleft
};
var notice = new PNotify(opts);
notice.get().click(function(){
notice.remove();
})
})
var stack_topleft={"dir1":"down","dir2":"left"};
$(".source101").click(function(){
var opts={
type:"success",
styling:"bootstrap3",
title:"老糊涂",
text:"看看人间爱怎么写",
delay:8000,
buttons:{
sticker:false,
labels: {close: "关闭", stick: "停止"}
},
addclass:"stack-topleft",
//animate_speed:'slow',
//animation:"slide"
stack:stack_topleft
};
var notice = new PNotify(opts);
notice.get().click(function(){
notice.remove();
})
})
var stack_topright={"dir1":"down","dir2":"right"};
$(".source102").click(function(){
var opts={
type:"success",
styling:"bootstrap3",
title:"老糊涂",
text:"看看人间爱怎么写",
delay:8000,
buttons:{
sticker:false,
labels: {close: "关闭", stick: "停止"}
},
addclass:"stack-topright",
//animate_speed:'slow',
//animation:"slide"
stack:stack_topright
};
var notice = new PNotify(opts);
notice.get().click(function(){
notice.remove();
})
})
var stack_bottomright={"dir1":"up","dir2":"right"};
$(".source103").click(function(){
var opts={
type:"success",
styling:"bootstrap3",
title:"老糊涂",
text:"看看人间爱怎么写",
delay:8000,
buttons:{
sticker:false,
labels: {close: "关闭", stick: "停止"}
},
addclass:"stack-bottomright",
//animate_speed:'slow',
//animation:"slide"
stack:stack_bottomright
};
var notice = new PNotify(opts);
notice.get().click(function(){
notice.remove();
})
})