Lower right corner of the pop-up box

<!--右下角弹出框 begin-->
<style>
.MessageBox { display: none; width: 400px; height: 360px; font-size: 14px; box-shadow: 0 -3px 3px #d4d4d4; z-index: 99999; background: #fbfbfb; position: fixed; right: 0; bottom: 0px; _bottom: auto; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.MessageBox .tit { height: 39px; line-height: 39px; color: #fff; border-bottom: 1px solid #d1d1d1; background-color: #258bc5; background: linear-gradient(#2691cd, #2487c0) !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF2691cd',endColorstr='#FF2487c0'); background: -webkit-gradient(linear, left top, left bottom, from(#2691cd), to(#2487c0)); background: -moz-linear-gradient(top, #2691cd, #2487c0); }
.MessageBox .tit { position: relative; }
.MessageBox .tit h3 { line-height: 39px; padding: 0 15px; text-align: center; }
.MessageBox .tit a.close { display: block; width: 39px; height: 39px; line-height: 39px; font-size: 20px; text-align: center; cursor: pointer; color: #fff; position: absolute; top: 0; right: 0; }
.MessageBox .tit .neverTips { font-size: 12px; padding-right: 10px; position: absolute; top: 0; left: 280px; }
.MessageBox .tit .neverTips input { float: left; margin: 13px 5px 0 0; }
.MessageBox .tit .neverTips { float: left; }
.MessageBox .tit a.close:hover { color: #2691cd; background: #82cef8; text-decoration: none; }
.MessageBox .con { padding: 5px; line-height: 20px; color: #2487c0; font-size: 12px; }
.MessageBox .con p.ti { text-indent: 2em; }
.MessageBox .con p.tr { text-align: right; }
</style>
<div id="MessageBox" class="MessageBox">
<div class="tit">
<a href="javascript:;" class="close" onclick="hid_pop()">×</a>
<!--
<span class = "neverTips"> <input id = "never" type = "checkbox" /> <label for = "never"> not remind </ label> </ span>
->
<H3> </ H3 >
</ div>
<div class = "CON" the above mentioned id = "MessageContent">
<the p-> Hello Dear employing unit: </ the p->
<the p-class = "Ti"> Congratulations on the success of your organization registration <b> "2017 college graduates employment service month Nanning High-tech zone special recruitment "</ b>! Thank you for your continued love and support for our graduates and graduates to work! Participants specific issues, please see the attachment. Outstanding issues, please contact the Recruitment and Employment Placement Division of Guangxi University for Nationalities, contact person and telephone number: 0771-3261737 Tang teacher. See Floor Plan Booth Guangxi University for Nationalities Graduate Employment Information Net "notice bulletin board" at: HTTP: //jyb.gxun.edu.cn </ the p->
<- <the p-class = "Ti"> No! by reason: <% = checkMsg%> </ the p-> ->
<the p-class = "Ti"> admissions employment Department Guangxi University for Nationalities </ the p->
<the p-class = "Ti"> 2017 Nian 3 Yue 17 Monday </ P>
<


<p class = "ti"> <a href="http://jyb.gxun.edu.cn/news/detail/3466" target="_blank"> http://jyb.gxun.edu.cn/news / Detail / </a> 3466 </ P>
<P class = "Ti"> Annex participants Information: </ P>
<P class = "Ti"> <A the href = "HTTP: //school.gxrc. com / UpLoadTitleImages / Guangxi University for Nationalities large campus in spring 2017 graduates Shuangxuan employers Notice to participants .docx "target =" _ blank " > Guangxi University for Nationalities large campus in spring 2017 graduates Shuangxuan employers Notice to participants. </a> docx </ P>
</ div>
</ div>
<Script type = "text / JavaScript">
function hid_pop () {
document.getElementById ( "the MessageBox"). style.display = "none";.
}
// not remind
var noLongerRemind = {
Global: {
cookie_pre: "Meetting_",
cookie_domain: "",
cookie_path: "/"
},
setcookie: function (name, value, days) {
name = noLongerRemind.global.cookie_pre + name;
var argc = noLongerRemind.setcookie.arguments.length;
var argv = noLongerRemind.setcookie.arguments;
var secure = (argc > 5) ? argv[5] : false;
var expire = new Date();
if (days == null || days == 0) days = 1;
expire.setTime(expire.getTime() + 3600000 * 24 * days);
document.cookie = name + "=" + escape(value) + ("; path=" + noLongerRemind.global.cookie_path) + ((noLongerRemind.global.cookie_domain == '') ? "" : ("; domain=" + noLongerRemind.global.cookie_domain)) + ((secure == true) ? "; secure" : "") + ";expires=" + expire.toGMTString();
},
getcookie: function (name) {
name = noLongerRemind.global.cookie_pre + name;
var arg = name + "=";
var alen = arg.length;
var clen = document.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (document.cookie.substring(i, j) == arg) return noLongerRemind.getcookieval(j);
i = document.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
},
getcookieval: function (offset) {
var endstr = document.cookie.indexOf(";", offset);
if (endstr == -1)
endstr = document.cookie.length;
return unescape(document.cookie.substring(offset, endstr));
}
}

$("#MessageBox .close").click(function () {
if ($("#MessageBox #never").attr("checked") == "checked" || $("#MessageBox #never").attr("checked") == true) {
noLongerRemind.setcookie("neverCheck", "true", 30);
}

});

var nc = noLongerRemind.getcookie("neverCheck");
if (nc == "true") {
//民大对应 hid_pop();
}

</ Script>
<-! bottom right corner of the pop-up box end ->

Guess you like

Origin www.cnblogs.com/sunnywindycloudy/p/11646474.html