收缩广告，没有作用，帮帮我看看有什么问题啊~？？？？？？？
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#ad{width:200px;
margin: 0px auto;
display: block;
position: relative;
}
</style>
<script type="text/javascript">
var oAd =document.getElementById("ad");
var oAdcon =document.getElementById("adCon");
var h=0;
var step=5;
var maxH = oAdcon.height;
function adDown(){
oAd.style.height=h+'p';
oAd.style.display='block';
if(h<maxH){
h+=step;
setTimeout(adDown,1);}
else{
setTimeout(adUp,3000);
}
}
function adUp(){
if(h>0){
h-=step;
oAd.style.height = h +'px';
setTimeout(adUp,1);
}
}
setTimeout(adDown,1000);
</script>
</head>
<body>
<div id="ad">
<img id="adCon" src="7214602_110315846000_2.jpg" title="myName">
</div>
</body>
</html>
Zhenlei1回答
-
无聊到死君
首先你的 js 代码写在 body前面了，在运行 js 的时候， 文档中还没有加载到 img 这张图片。所以会出现 oAdcon = null 的问题第二，你的 function adDown里面 第一句 height + 'p'， 应该是 px其他问题再找
随时随地看视频慕课网APP
JavaScript
Html/CSS