为了账号安全,请及时绑定邮箱和手机立即绑定

不知道错哪里了,求大神帮忙,拜谢了!!!

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

#adcon,#adcur{

margin:0;

padding:0;

}

#ad{

display:none;

position:relative;

overflow:hidden;

}

#ad,#content{

width:960px;

margin:0 auto;

}

#adcur{

display:none;

}

#colse{

position:absolute;

top:0;

right:0;

text-align:center;

display:inline-block;

width:20px;

height:20px;

background:#ccc;

display:none;

cursor:pointer;

}

</style>

</head>

<body>

<div id="ad">

<img id="adcon" src="img/ad.png" width='960' height='385'>

<img id="adcur" src="img/cur.png" width='960' height='75'>

<span id="colse">X</span>

</div>

<div id='content'><img src="img/数字商品-10-23.jpg" ></div>

<script>

window.onload=function(){

var Ad   =document.getElementById('ad');

var Adcon=document.getElementById('adcon');

var Adcur=document.getElementById('adcur');

var Close=document.getElementById('close');

var h=0;

var maxH=Adcon.height;

var minH=Adcur.height;

function addown(){

if(h<maxH){

h+=5;

Adcon.style.height=h+'px';

Adcon.style.display='block';

setTimeout(addown,50);

}else{

Adcon.style.height=h+'px';

Adcon.style.display='block';

setTimeout(adUp,3000);

}

}

setTimeout(addown,3000);

function adUp(){

if(h>minH){

h-=5;

Adcon.style.height=h+'px';

setTimout(adUp,50);

if(h==minH){

Adcon.style.display='none';

Adcur.style.display='block';

Close.style.display='block';

}

}

}

Close.onclick=function (){

Ad.style.display='none';

}

}

</script>

</body>

</html>


正在回答

1 回答

字母错了

0 回复 有任何疑惑可以回复我~
#1

慕数据5775487 提问者

非常感谢!
2016-12-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
展开与收起效果
  • 参与学习       33641    人
  • 解答问题       179    个

通过效果展示与案例分析,教您实现不同类型的展开与收起效果

进入课程

不知道错哪里了,求大神帮忙,拜谢了!!!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信