jquery实现布局高宽自适应

作者: nick 分类: js 发布时间: 2010-04-04 13:04 ė 62条评论

在软件布局时经常是上左右的框架布局并且需要宽度的自适应,div+css是无法实现,所以需要js来辅助。

主要通过resize这个方法。也就是当窗口大小改变时重新计算布局的高宽,其它直接看代码即可。
$(document).ready(function() {
initLayout();
$(window).resize(function(){
initLayout();
});
});
function initLayout() {
$(‘#right’).width(document.documentElement.clientWidth – $(“#left”).width()-2);
var h = document.documentElement.clientHeight – $(“#header”).height()-5;
$(‘#left’).height(h);
$(‘#right’).height(h);
}

Demo:http://www.coderhome.net/demo/f.html

本文出自 传播、沟通、分享,转载时请注明出处及相应链接。

本文永久链接: https://www.nickdd.cn/?p=20

发表评论

您的电子邮箱地址不会被公开。

Ɣ回顶部