<div class="index-tt"></div>
.index-tt { width: 100%; height: 100%; left: 0; top: 0; position: fixed; z-index: 66; background: url(../images/index-tt01.png); background-size: 100%; display: none; }
<script>//遮罩层 console.log(getCookie('tt')); if( getCookie('tt') != 7){ setTimeout(function(){ $('.index-tt').fadeIn(); document.body.style.overflow='hidden'; document.body.style.height='100%'; document.documentElement.style.overflow='hidden'; window.scrollTo(0,0); },3000); } $('.index-tt').click(function(){ $('.index-tt').fadeOut(); document.body.style.overflow='auto'; document.body.style.height='auto'; document.documentElement.style.overflow='auto'; setCookie('tt','7',10000); }); function setCookie(c_name,value,expiredays) { var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) document.cookie=c_name+ "=" +escape(value)+ ((expiredays==null) ? "" : ";expires="+exdate.toGMTString()) } function getCookie(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "=") if (c_start!=-1) { c_start=c_start + c_name.length+1 c_end=document.cookie.indexOf(";",c_start) if (c_end==-1) c_end=document.cookie.length return unescape(document.cookie.substring(c_start,c_end)) } } return "" } </script>