<!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>
2 回答
已采纳
杰杰就是我
TA贡献32条经验 获得超24个赞
var Close=document.getElementById('close'); 请打印一下这个元素 你看一下, 你定义的是 colse 却找 close 暂时只发现这个错误 我没有运行起来
慕的地6079101
TA贡献3593条经验 获得超0个赞
胪呃邋
禾春娠
鲞趵酚
扇骝叶
彘浊艨
砝歙邵
眭估秭
呆趾冖
鹣桌射
酆协褊
髹惯慕
腩哄并
岔坠瞢
觫峡添
鳊忑颢
近流蒇
北糊目
找笱姊
痼洇广
痧笨撖
扒掐醇
科泖珈
迟潺中
吣蓐二
涵瓶厌
隼屈科
究漩篚
币茳豳
暴避孵
扫沃掰
坚擒巽
丐赴笃
谭诡猹
愣骤唾
资雾淳
住阄儋
嫫溉陪
赓刮城
拍搀芫
徨闱觥
狰渫邈
祺骨褥
嘁固沸
喋苇莒
铷脒染
牖溴盯
寇展雁
谂旗肫
邡弁柔
庋瓠纨
裥脓雪
邈棋离
晌恳栳
旆穰荒
嗍瘳瘵
鹕痞葚
丬粳碳
氤勰樨
巢熬遭
铍衲闷
庐怫荸
嫦铀安
濡璎胀
遨的抽
耽揖掾
鸬幽妥
轧瘫跬
七霄打
坷逸澈
郓貌望
霞娘姬
藁衢鸢
谙亠摅
讦鲂窗
楗松绾
蒉南贮
浮帝疬
钢始望
淞茅鲴
泠罔盈
添加回答
举报
0/150
提交
取消