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

2024-12-14 18:46:35

推荐回答（3个）

回答1：

首先用户登陆时，判断他有没有要弹的消息
其次，调用JS弹出消息；
建议使用jquery框架,
当然还要有html内容：

当然这个div的样式需要你自己去美化，去定位的，并且要有弹窗的效果。
弹出时：$('#tankuang_message').show();
关闭时：$('#tankuang_message').hide();

如果你实在不想用，那是可行的，就是麻烦点，还有可能存在兼容性问题。
弹出时：document.getElementById('tankuang_message').style.display = '';
弹出时：document.getElementById('tankuang_message').style.display = 'none';

回答2：

//土司提示框[不带确认|取消]
function showmsg(msg) {
    var c = $(".showmsg").attr("class");
    if (c == 'showmsg') {
	$(".showmsg").fadeIn(100);
	$(".showmsg>span").text(msg);
    } else {
	var htm = '' + msg + '

';
$("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;
}

回答3：

直接alert（'内容'）