打开网页弹出一个全屏的层，然后点击一下就隐藏
如题这种效果怎么做就像淘宝网首页上有一个新欢点击出现的效果，最好把这种效果完全拷贝下来有大神知道怎么做的吗...
如题 这种效果怎么做 就像淘宝网首页上有一个新欢点击出现的效果，最好把这种效果完全拷贝下来
有大神知道怎么做的吗 展开
有大神知道怎么做的吗 展开
1个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>....</title>
<style>
div#mask{width:100%;height:100%;background:#000;position:fixed;left:0;top:0;z-index:999}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('mask');
oDiv.onclick=function(){
var iHeight=css(oDiv,'height');
var iTarget=-iHeight;
var timer=null;
timer=setInterval(function(){
var iTop=css(oDiv,'top');
var iSpeed=Math.floor((iTarget-iTop)/8);
var t=iTop+iSpeed;
if(iTop<=iTarget){
clearInterval(timer);
}else{
oDiv.style.top=t+'px';
}
},10);
}
}
function css(obj,attr){
var result;
if(obj.currentStyle){
result=obj.currentStyle[attr];
}else{
result=getComputedStyle(obj,false)[attr];
}
return parseInt(result);
}
</script>
</head>
<body>
<p>正文</p>
<div id="mask"></div>
</body>
</html>
看看这个适不适合你，我测试过了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
