本站内容搜索:
   您的位置:素材中国>>教程 >>网络编程 >>JSP编程 >>通过JAVAScript实现页面自适应 提交错误报告
通过JAVAScript实现页面自适应
[ 来源:素材中国 | 作者:| 时间:2007-01-20 02:21:37 | 浏览:人次 ]

 
 

 有时候,我们可能需要象新版的Yahoo邮箱一样,让一些数据显示块可以根据页面大小进行自适应。事实并不难,但是如果单纯用CSS控制的话,往往不能完全实现我们要的效果,这时候需要借助javascript,Javascript可以让我我们实现司空见怪的自适应页面,在iSunXoft的HR开源项目就应用到.
        实现原理:
         获取IE显示屏幕的宽高.确定哪些对象是绝对位置是固定的,那些是不固定的,哪些长宽是固定,然后象WIN FORM程序一样,根所软件界面的大小,进行设计相关对象的长宽,绝对位置等属性,但是在WEB上程序没有办法实时检测到窗口大小变化,只能用让实现自适应的方法通过SetTimeout 函数进行隔时递归调用.
         下面是摘自iSunXoft Hr开源项目SysForm.aspx实现的方法.
         注:$("")是有变化的元素.
   var h;
   var w;
   function resize()
   {  
   
    var he = document.body.offsetHeight;
    var wi = document.body.offsetWidth;
    if($("DataTable").style.display.toLowerCase()==""

 
 
       
   您的位置:素材中国>>教程 >>网络编程 >>JSP编程 >>通过JAVAScript实现页面自适应
 点此在百度搜索关键字"通过JAVAScript实现页面自适应"  点此在GOOGLE搜索关键字"通过JAVAScript实现页面自适应"
热门文章:
  ·水晶报表的jsp实现   ·jsp在线考试系统
  ·如何使用JSTL标签做页面资源国际化   ·一篇介绍JSP标签库很详细的文章,可以做为参考手册
  ·用jsp动态输出excel文档和中文乱码问题的解决   ·javascript弹出窗口问题总结
  ·jsp留言板源代码二: 给jsp初学者.   ·使用Java Servlet动态生成图片
  ·Struts中用动态选择的元素创建复选框   ·Struts学习笔记: Bean标签库学习

  首页  素材图片  高精图库  矢量图库  网页素材  网页模板  壁纸  明星  下载  教程  字体  香车美女  QQ专题  论坛

网站介绍 | 广告业务 | 设计业务 | 免责声明 | 版权声明 | 联系我们|提交错误报告
素材中国版权所有