当前位置:  编程技术>WEB前端

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

    来源: 互联网  发布时间:2014-08-25

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

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


//根据浏览器大小调整左右布局的大小
$(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');
});


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

    
 
 

您可能感兴趣的文章:

  • 新手问题之一:是不是所有的SWING容器都要使用布局管理器啊?
  • WEB标准网页布局中尽量不要使用的HTML标签
  • CSS整体布局声明的一些使用技巧
  • Android中使用include标签和merge标签重复使用布局
  • DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
  • winform 使用Anchor属性进行界面布局的方法详解
  • android Activity相对布局的使用方法
  • 使用CSS框架布局的缺点和优点小结
  • 使用有趣的自定义标记布局页面
  • Java 最重要布局管理器GridBagLayout的使用方法
  • 如何在android中使用html作布局文件
  • 九宫图比较常用的多控件布局(GridView)使用介绍
  • Java布局管理器使用方法
  • ListView的Adapter使用(绑定数据) 之 自定义每一项的布局去绑定数据
  • 使用了QWidget的程序,如何使用后台程序启动它?
  • php开源软件 iis7站长之家
  • Android中使用IntentService创建后台服务实例
  • android教程之使用asynctask在后台运行耗时任务
  • asp.net后台如何输出js脚本使用什么方法可以实现
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 为何我使用javascript中location'****.jsp'跳到某一页面,jsp页面不重新编译执行
  • 怎样使用socket方式取得web服务器上的页面
  • web页面使用vncsharp远程连接到Linux
  • 解决jsp页面使用网络路径访问图片的乱码问题
  • php 不使用js实现页面跳转
  • 关于使用applet打开Web页面
  • JSP页面中文传递参数使用escape编码
  • servlet使用RequestDispatcher到jsp页面,浏览器url栏还是servlet
  • 怎样才能在jsp页面中使用可视的JavaBean?
  • 哪位有使用XML创建可排序、分页的数据显示页面的例程?多多指教噢!
  • 使用struts的时候,怎么才能在页面打开的时候,form里面已经填入我所需要的值?
  • html页面如何指向web-inf/classes下的applet。是否使用codebase之类的说明,该如何书写。
  • 两个简单问题:在javaBean中能用out.println()输出页面吗?javaBean中可以使用servlet建立的session对象变量值吗?
  • 请问各位大虾,如何使用jsp页面里的butten触发调用bean或者servlet???
  • crawler4j抓取页面使用jsoup解析html时的解决方法
  • 使用jquery.get提交页面没有跳转的解决方法
  • jsp页面中不能使用System.out.println?
  • php 使用GD库为页面增加水印示例代码
  • 关于jsp页面使用jstl的异常分析
  • android使用webwiew载入页面使用示例(Hybrid App开发)
  • C++ I/O 成员 tellg():使用输入流读取流指针
  • 在测试memset函数的执行效率时,分为使用Cash和不使用Cash辆种方式,该如何控制是否使用缓存?
  • C++ I/O 成员 tellp():使用输出流读取流指针
  • 求ibm6000的中文使用手册 !从来没用过服务器,现在急需使用它,不知如何使用! 急!!!!!
  • Python不使用print而直接输出二进制字符串
  • 请问:在使用oracle数据库作开发时,是使用pro*c作开发好些,还是使用库函数如oci等好一些啊?或者它们有什么区别或者优缺点啊?
  • Office 2010 Module模式下使用VBA Addressof
  • 急求结果!!假设一个有两个元素的信号量集S,表示了一个磁带驱动器系统,其中进程1使用磁带机A,进程2同时使用磁带机A和B,进程3使用磁带机B。
  • windows下tinyxml.dll下载安装使用(c++解析XML库)
  • c#中SAPI使用总结——SpVoice的使用方法
  • tcmalloc内存泄露优化c++开源库下载,安装及使用介绍


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3