您的位置
主页 > 网站技术 > 语言编程 > » 正文

利用JQUERY进行后台页面布局控制DIV实现左右式

来源: 站长圈 点击:

点评:一个网站的后台管理都有一部分是保持固定位置不动,可编辑部分是随浏览器变化而变化的,因此有的时候使用frame框架来实现这种形式,这边作者不是使用的frame而是纯p进行布局,想要实现这种方式需要怎么做呢,下面就控制p实现左右式,左边固定,右边随浏览器变化而变化的JQUERY实现代码。 

复制代码 代码如下:

<script type="text/javascript"> 

//根据浏览器大小调整左右布局的大小 

$(window).ready(function(){ 

var wheight=$(window).height(); 

var wwidth=$(window).width(); 

$(".p_admin_left").css("height",(wheight-40)); 

$(".p_admin_right").css("height",(wheight-40)); 

$(".p_admin_right").css("width",(wwidth-285)+'px'); 

}); 

$(window).resize(function(){ 

var wheight=$(window).height(); 

var wwidth=$(window).width(); 

$(".p_admin_left").css("height",(wheight-40)); 

$(".p_admin_right").css("height",(wheight-40)); 

$(".p_admin_right").css("width",(wwidth-285)+'px'); 

}); 

</script> 

此处作者进行了左边固定,右边随浏览器变化而变化的方式,同时还实现了随浏览器的变大而变大,缩小也相对应成比例缩小的代码,仅供参考。 




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明