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

只有一个人有发布通知的权限,他对某个人发布通知,这个人登陆的时候就会弹出消息提示框并显示发布消息的内容。这是需求。
我不知道怎么写弹出的消息的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';追问

设置这个不是使其显示或隐藏吗,怎么让其显示弹出的效果。

追答

弹出效果是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;
}

第2个回答  2015-07-21
直接alert('内容')本回答被提问者采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网