<html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{margin: 0;
padding: 0;}
#box{width: 320px;
height: 480px;
margin: 0 auto;
position: relative;
}
body{background-color: #ccc;}
#box img{width: 320px;
height: 480px; }
</style>
</head>
<body>
<script>
var obox = document.getElementById('box');
var oimg1 = document.getElementById('img1');
var h = 0;
var maxH = 480;
var step = 5;
function down(){
if (h<maxH) {
h+=step;
obox.style.height = h +'px';
obox.style.display = 'block';
setTimeout(down,10);
};
}
setTimeout(down,3000);
</script>
<div id="box">
<img id="img1" src="3.jpg">
</div>
</body>
</html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{margin: 0;
padding: 0;}
#box{width: 320px;
height: 480px;
margin: 0 auto;
position: relative;
}
body{background-color: #ccc;}
#box img{width: 320px;
height: 480px; }
</style>
</head>
<body>
<script>
var obox = document.getElementById('box');
var oimg1 = document.getElementById('img1');
var h = 0;
var maxH = 480;
var step = 5;
function down(){
if (h<maxH) {
h+=step;
obox.style.height = h +'px';
obox.style.display = 'block';
setTimeout(down,10);
};
}
setTimeout(down,3000);
</script>
<div id="box">
<img id="img1" src="3.jpg">
</div>
</body>
</html>
