漂亮的网页弹出公告页面

Js 2019-12-09 14:41:03 评论
<style>
.mianze_mask{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:999}
.mianze_fixed{position:fixed;left:50%;top:50%;margin:-185px 0 0 -350px;padding:20px;background-color:#FFFFFF;z-index:1000;width:700px;height:auto;text-align:center;border-radius:6px;color:#333333}
.mianze_fixed .bd .bold {font-weight: bold;}
.mianze_fixed .hd{font-size:24px;padding:10px 0 20px;font-weight:700}
.mianze_fixed .bd{font-size:16px;line-height:40px}
.mianze_fixed .btn{display:block;width:200px;margin:0 auto;color:#FFFFFF;font-size:16px;background-color:#FF9501;border-radius:4px;line-height:50px;height:50px;margin-top:30px;margin-bottom: 20px;}
</style>
<div class="mianze_fixed" id="mianze_fixed">
<div class="hd">520VR公告(迅雷下载二次升级完成)</div>
<div class="bd">
			<p>本站内容全来至于网络收集,用于学习交流请24小时内删除</p>
			<p class="bold">网站VR学习交流资源更新时间2天/更新1/次,如侵犯到贵公司版权请来信.</p>
			<p>本站非实际运营网站,所载全部信息内容均仅作为软件系统功能测试之用,请适量下载.</p>
<p><strong><span style="color: rgb(255, 0, 0);">1.赞助本站送U盘/移动硬盘活动进行中&nbsp;<span style="color: rgb(0, 0, 0);"> 2.升级下载服务,客户端1.5开发,游戏库归类升级</span></span></strong></p>
<span style="color: rgb(227, 108, 9);">本站<strong>不会以任何形式</strong>发布、破解、制作盗版中国VR游戏内容,请大家<strong>支持中国VR行业发展</strong></span><br/>
<p>
    <img src="/data/attachment/common/cf/171643tbq0cyz5w4bck0yy.gif" width="640" height="90"/>
</p>
<a href="javascript:divhidden();" class="btn">我知道了</a>
</div>
</div>
<div class="mianze_mask" id="mianze_mask"></div>
<script type="text/javascript">
function divhidden(){
document.getElementById("mianze_fixed").style.display="none";
document.getElementById("mianze_mask").style.display="none";
setCookie('dialog','hide');
}
function setCookie(name,value){
var Days = 1;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}

评论

说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!