使用JQUERY进行后台页面布局控制DIV实现左右式
一个网站的后台管理都有一部分是保持固定位置不动,可编辑部分是随浏览器变化而变化的,因此有的时候使用frame框架来实现这种形式,这边作者不是使用的frame而是纯div进行布局,想要实现这种方式需要怎么做呢,下面就控制DIV实现左右式,左边固定,右边随浏览器变化而变化的JQUERY实现代码。
此处作者进行了左边固定,右边随浏览器变化而变化的方式,同时还实现了随浏览器的变大而变大,缩小也相对应成比例缩小的代码,仅供参考。
代码如下:
<script type="text/javascript"> //根据浏览器大小调整左右布局的大小 $(window).ready(function(){ var wheight=$(window).height(); var wwidth=$(window).width(); $(".div_admin_left").css("height",(wheight-40)); $(".div_admin_right").css("height",(wheight-40)); $(".div_admin_right").css("width",(wwidth-285)+'px'); }); $(window).resize(function(){ var wheight=$(window).height(); var wwidth=$(window).width(); $(".div_admin_left").css("height",(wheight-40)); $(".div_admin_right").css("height",(wheight-40)); $(".div_admin_right").css("width",(wwidth-285)+'px'); }); </script>
此处作者进行了左边固定,右边随浏览器变化而变化的方式,同时还实现了随浏览器的变大而变大,缩小也相对应成比例缩小的代码,仅供参考。
相关推荐
xiaohuli 2020-05-18
冰蝶 2020-05-07
csdnYF 2020-02-19
csdnYF 2020-02-16
zh000 2013-05-10
wangjie 2020-01-07
sdbxpjzq 2019-12-06
vipiter 2019-11-04
红壶吃猬队 2019-11-04
84483065 2016-04-28
贱贱的梦想 2017-10-15
aSuncat 2019-06-29
WinerChopin 2018-10-28
二毛妮子 2017-10-15
FruitHardCandy 2016-09-19
zhuakuang0 2019-06-28
handsomezsc 2016-04-28
涓涓溪流 2016-02-08