使用JQUERY进行后台页面布局控制DIV实现左右式
更新时间：2014年01月07日 16:23:37 作者：
一个网站的后台使用frame框架来实现这种形式，这边作者不是使用的frame而是纯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>
此处作者进行了左边固定，右边随浏览器变化而变化的方式，同时还实现了随浏览器的变大而变大，缩小也相对应成比例缩小的代码，仅供参考。
复制代码 代码如下:
<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>
此处作者进行了左边固定，右边随浏览器变化而变化的方式，同时还实现了随浏览器的变大而变大，缩小也相对应成比例缩小的代码，仅供参考。
相关文章
本篇文章主要介绍了基于JQuery的购物车添加删除以及结算功能示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2017-03-03
修改checkbox时..jquery在取checked值时总是出这样那样的问题....各个版本之间还有少许的差异....当向后台发送数据后,,再返回到当前页时..checked的状态始终不对2012-08-08
通过jquery.cookie.js实现记住用户名、密码登录功能
这篇文章主要介绍了通过jquery.cookie.js实现记住用户名、密码登录功能,通过Cookies让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；具体实现过程大家通过本文一起看看吧2018-06-06
这篇文章主要以示例介绍了jquery中 $.expr使用,需要的朋友可以参考下2014-06-06
本文给大家分享一款简单但实用的多级垂直手风琴下拉菜单列表，完全使用css来制作多级手风琴菜单，通过该代码将不同的子菜单进行分组制作出多级菜单的效果，本文附效果演示和源码下载感兴趣的朋友一起学习吧2015-11-11
cnblogs园子还没提供这项功能，我们又确实有这个需求，只好自己写一个,需要的朋友可以参考下。2010-11-11
这篇文章主要介绍了jQuery实现百度登录框的动态切换效果,需要的朋友可以参考下2017-04-04
谓切换事件，即有两个以上的事件绑定于一个元素，在元素的行为动作间进行切换,有两个方法用于事件的切换，一个方法是hover()，另一个是toggle(),感兴趣的朋友不妨了解下,或许对你有所帮助2013-02-02
这篇文章主要介绍了基于jQuery实现的向下滑动二级菜单效果代码,通过jquery鼠标事件控制针对页面元素的链式操作实现菜单切换的功能,非常简单实用,需要的朋友可以参考下2015-08-08
Jquery实现仿新浪微博获取文本框所能输入的字数，感兴趣的朋友可以研究一下代码方便你折腾，希望本文提供的方法可以帮助到你2013-02-02
最新评论