如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化
如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化。这两个div是兄弟关系。有没有人会的呢...
如何用jq或js控制一个div的高度随着另一个div的高度的变化而变化。这两个div是兄弟关系。有没有人会的呢
展开
展开全部
最简单的实现方式：仅提供一个思路。可以自己完善。
<body>
<input type="button" id="btn" value="变大" />
<div style="width:100px; height:100px; border:1px solid #ccc; float:left;" id="div1"></div>
<div id="div2"></div>
</body>
<script>
var oBtn = document.getElementById('btn');
var oDiv1 = document.getElementById('div1');
var oDiv2 = document.getElementById('div2');
oDiv2.style.cssText = 'width:'+(oDiv1.offsetWidth-2)+'px; height:'+(oDiv1.offsetHeight-2)+'px;border:1px solid red; float:left; margin-left:10px;';
oBtn.onclick = function(){
oDiv1.style.width = oDiv1.offsetWidth + 10 + 'px';
oDiv1.style.height = oDiv1.offsetHeight + 10 + 'px';
oDiv2.style.cssText = 'width:'+(oDiv1.offsetWidth-2)+'px; height:'+(oDiv1.offsetHeight-2)+'px;border:1px solid red; float:left; margin-left:10px;';
};
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用jquery resize event插件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
