只有一个人有发布通知的权限,他对某个人发布通知,这个人登陆的时候就会弹出消息提示框并显示发布消息的内容。这是需求。
我不知道怎么写弹出的消息的js。
首先用户登陆时,判断他有没有要弹的消息
其次,调用JS弹出消息;
建议使用jquery框架,
当然还要有html内容:<div id="tankuang_message" style="display:none;">message</div>
当然这个div的样式需要你自己去美化,去定位的,并且要有弹窗的效果。
弹出时:$('#tankuang_message').show();
关闭时:$('#tankuang_message').hide();
如果你实在不想用,那是可行的,就是麻烦点,还有可能存在兼容性问题。
弹出时:document.getElementById('tankuang_message').style.display = '';
弹出时:document.getElementById('tankuang_message').style.display = 'none';追问
其次,调用JS弹出消息;
建议使用jquery框架,
当然还要有html内容:<div id="tankuang_message" style="display:none;">message</div>
当然这个div的样式需要你自己去美化,去定位的,并且要有弹窗的效果。
弹出时:$('#tankuang_message').show();
关闭时:$('#tankuang_message').hide();
如果你实在不想用,那是可行的,就是麻烦点,还有可能存在兼容性问题。
弹出时:document.getElementById('tankuang_message').style.display = '';
弹出时:document.getElementById('tankuang_message').style.display = 'none';追问
设置这个不是使其显示或隐藏吗,怎么让其显示弹出的效果。
追答弹出效果是css效果,你可以找一个有弹出效果的网站,把他的css抠过来
温馨提示:答案为网友推荐,仅供参考
第1个回答 2015-07-29
//土司提示框[不带确认|取消]
function showmsg(msg) {
var c = $(".showmsg").attr("class");
if (c == 'showmsg') {
$(".showmsg").fadeIn(100);
$(".showmsg>span").text(msg);
} else {
var htm = '<div class="showmsg"><span>' + msg + '</span></div>';
$("body").append(htm);
$(".showmsg").fadeIn(100);
}
setTimeout(function() {
$(".showmsg").fadeOut(100);
}, 1500);
}showmsg {
position: absolute;
width: 100%;
bottom: 15%;
height: 40px;
display: none;
z-index: 2015;
text-align: center;
}
.showmsg>span {
color: #ffffff;
line-height: 40px;
font-size: 15px;
padding: 10px 15px;
border-radius: 5px;
background-color: #918585;
font-family: -webkit-body;
}
function showmsg(msg) {
var c = $(".showmsg").attr("class");
if (c == 'showmsg') {
$(".showmsg").fadeIn(100);
$(".showmsg>span").text(msg);
} else {
var htm = '<div class="showmsg"><span>' + msg + '</span></div>';
$("body").append(htm);
$(".showmsg").fadeIn(100);
}
setTimeout(function() {
$(".showmsg").fadeOut(100);
}, 1500);
}showmsg {
position: absolute;
width: 100%;
bottom: 15%;
height: 40px;
display: none;
z-index: 2015;
text-align: center;
}
.showmsg>span {
color: #ffffff;
line-height: 40px;
font-size: 15px;
padding: 10px 15px;
border-radius: 5px;
background-color: #918585;
font-family: -webkit-body;
}
第2个回答 2015-07-21
直接alert('内容')本回答被提问者采纳