js初始化弹框

js弹框:
function malert(msg) {
  var html = "<div id='masks' class='masks' style='position: fixed; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,.6);'>" +
       "<div class='cent' style='position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 300px; height: 154px; background-color: #fff;'>" +
     "<div class='topCent' style='width: 100%; height: 100px; line-height: 100px; text-align: center; background-color: #fff;'>" + msg + "</div>" +
       "<div class='botCent' onclick='mclear()' style='width: 40%; height: 53px; line-height: 53px; text-align: right; background-color: #fff; color: #247FD2; float:left;'>取消</div>"+
     "<div class='botCent' onclick='callClerk()' style='width: 40%; height: 53px; line-height: 53px; text-align: left; background-color: #fff; color: #247FD2; float:right;'>" +
     "联系下户员</div>"+
     "</div></div>";
  $('body').append($(html));
}
function mclear() {
  $('#masks').remove();
}
function callClerk(){
  window.location.href = 'tel://' + $("#visitorPhone").val();
}

posted @ 2017-11-01 10:14  smj1990  阅读(320)  评论(0编辑  收藏  举报