使⽤JQUERY进⾏后台页⾯布局
⼀个⽹站的后台管理都有⼀部分是保持固定位置不动，可编辑部分是随浏览器变化⽽变化的，因此有的时候使⽤frame框架来实现这种形式，这边作者不是使⽤的frame⽽是纯div进⾏布局，想要实现这种⽅式需要怎么做呢，下⾯就控制DIV实现左右式，左边固定，右边随浏览器变化⽽变化的JQUERY实现代码。
<script type="text/javascript">
//根据浏览器⼤⼩调整左右布局的⼤⼩
$(window).ready(function(){
var wheight=$(window).height();jquery框架使用
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>
此处作者进⾏了左边固定，右边随浏览器变化⽽变化的⽅式，同时还实现了随浏览器的变⼤⽽变⼤，缩⼩也相对应成⽐例缩⼩的代码，仅供参考。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。