怎么用js做一个弹出消息提示框
发布网友
共3个回答
热心网友
首先用户登陆时，判断他有没有要弹的消息
其次，调用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抠过来
热心网友
//土司提示框[不带确认|取消]
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;
}
热心网友
直接alert（'内容'）
