js动态赋值div高度
window.onresize=windowResize;$(function(){windowResize();});//计算主要内容区的宽度functionwindo...
window.onresize = windowResize;
$(function() {
windowResize();
});
//计算主要内容区的宽度
function windowResize(dom) {
var $window = $(window),
$contentBox = $('#contentBox'),
$width = $window.width() - 200;
if( $width < 800){
$width = 800;
$('body').addClass('body-x-scroll');
}else{
$('body').removeClass('body-x-scroll');
}
if($.browser.version == '6.0'){
$contentBox.width( $width );
}
$.each(dom,function(i,n){
setDomHeight(n);
})
setFiltersWidth();
};
//设置自适应高度
function setDomHeight(n){
var selector = n.selector,
_s = $(selector);
if(_s.is(':hidden')) return;
_s.height($(window).height() - _s.offset().top);
}
setDomHeight({selector:'#contactsListBox'});
这个赋值了以后需要刷新页面才好使为什么呢? 展开
$(function() {
windowResize();
});
//计算主要内容区的宽度
function windowResize(dom) {
var $window = $(window),
$contentBox = $('#contentBox'),
$width = $window.width() - 200;
if( $width < 800){
$width = 800;
$('body').addClass('body-x-scroll');
}else{
$('body').removeClass('body-x-scroll');
}
if($.browser.version == '6.0'){
$contentBox.width( $width );
}
$.each(dom,function(i,n){
setDomHeight(n);
})
setFiltersWidth();
};
//设置自适应高度
function setDomHeight(n){
var selector = n.selector,
_s = $(selector);
if(_s.is(':hidden')) return;
_s.height($(window).height() - _s.offset().top);
}
setDomHeight({selector:'#contactsListBox'});
这个赋值了以后需要刷新页面才好使为什么呢? 展开
2个回答
展开全部
修改div高度，可以直接给div的width赋值即可。
下面是小例子，仅供参考：
<style type='text/css'>
#div2 {
width:200px;
height:200px;
background:red;
border:1px solid black;
}
</style>
<script>
function toGreen(){
var oDiv=document.getElementById('div2');
oDiv.style.width='300px';
oDiv.style.height='300px';
oDiv.style.background='green';
}
</script>
<body>
<div id='div2' onmouseover='toGreen()' >
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
