使用JS怎么让DIV的宽度慢慢变小
发布网友
发布时间：2022-04-28 18:50
共1个回答
热心网友
时间：2022-04-25 19:00
<head>
<title>我的第一个 HTML 页面</title>
<style type="text/css">
.v{border: 1px solid black;margin:0 auto;width:100px;height:100px;overflow:hidden;}
</style>
<script type="text/javascript">
function init(){
//alert(9)
var t = setInterval(function(){
var v = document.getElementById('v');
if(v.offsetWidth > 50){vv.style.width = v.offsetWidth - 10;}
else{clearInterval(t);}
},500);
}
</script>
</head>
<body onload="init()">
<div style="background-color:#ccc;width:400px;">
<div id="v" class="v">
<p>body 元素的内容会显示在浏览器中。</p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</div>
</div>
</body>
</html>
