手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >使用JQUERY进行后台页面布局控制DIV实现左右式
使用JQUERY进行后台页面布局控制DIV实现左右式
摘要:一个网站的后台管理都有一部分是保持固定位置不动,可编辑部分是随浏览器变化而变化的,因此有的时候使用frame框架来实现这种形式,这边作者不是...

一个网站的后台管理都有一部分是保持固定位置不动,可编辑部分是随浏览器变化而变化的,因此有的时候使用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>

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

【使用JQUERY进行后台页面布局控制DIV实现左右式】相关文章:

网页里控制图片大小的相关代码

javascript组合使用构造函数模式和原型模式实例

JavaScript调试技巧

网页里控制图片大小的相关代码

Div+CSS+JS树型菜单,可刷新

让焦点自动跳转

js去除浏览器默认底图的方法

Js的Array数组对象详解

用NODE.JS中的流编写工具是要注意的事项

JavaScript实现Flash炫光波动特效

精品推荐
分类导航