Question

怎么用js做一个弹出消息提示框

只有一个人有发布通知的权限，他对某个人发布通知，这个人登陆的时候就会弹出消息提示框并显示发布消息的内容。这是需求。
我不知道怎么写弹出的消息的js。

Answer 1

首先用户登陆时，判断他有没有要弹的消息
其次，调用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抠过来

Answer 2

//土司提示框[不带确认|取消]
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;
}

Answer 3

直接alert（'内容'）