使用JS怎么让DIV的宽度慢慢变小

 我来答
育知同创教育
2017-06-13 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部
<html>  
  
<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>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式