放到HEAD里面了 也加window.onload了還是顯示不了 還有用IE9打開不顯示。。。。。。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>頂部廣告展開收起</title>
<style>
*{
margin:0;
padding:0;
}
#content{
width:960px;
height:1000px;
background:#ccc;
margin:0 auto;
}
#ad{
width:960px;
margin:0 auto;
display:none;
position:relative;
overflow:hidden;
}
</style>
<script type="text/javascript">
var AD=document.getElementById("ad");
var Adcon=document.getElementById("adcon");
var h=0;
var maxH=Adcon.height;
window.onload=function AdDown(){
if(h<maxH){
h+=5;
AD.style.height=h+'px';
AD.style.display='block';
setTimeout(AdDown,1);
}else{
AD.style.height=h+'px';
AD.style.display='block';
}
}
setTimeout(AdDown,3000);
</script>
</head>
<body>
<div id="ad">
<img id="adcon" src="ad.png" width="960px" height="385px"/>
</div>
<div id="content"><img src="數字商品-10-23.jpg"/></div>
</body>
</html>
2015-05-30
感謝。。。
2015-05-24
學著用控制臺找錯誤。window.onload的位置不對。。下邊代碼是改過的。。
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>頂部廣告展開收起</title>
<style>
*{
margin:0;
padding:0;
}
#content{
width:960px;
height:1000px;
background:#ccc;
margin:0 auto;
}
#ad{
width:960px;
margin:0 auto;
display:none;
position:relative;
overflow:hidden;
}
</style>
<script type="text/javascript">
window.onload=function(){
var AD=document.getElementById("ad");
var Adcon=document.getElementById("adcon");
var h=0;
var maxH=Adcon.height;
function AdDown(){
if(h<maxH){
h+=5;
AD.style.height=h+'px';
AD.style.display='block';
setTimeout(AdDown,1);
}else{
AD.style.height=h+'px';
AD.style.display='block';
}
}
setTimeout(AdDown,3000);
}
</script>
</head>
<body>
<div id="ad">
<img id="adcon" src="ad.png" width="960px" height="385px"/>
</div>
<div id="content"><img src="數字商品-10-23.jpg"/></div>
</body>
</html>