<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>