最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

通过JAVAScript实现页面自适应

日期:02-07    来源:webjx|    作者:

  
     }
     if(wi>200)
     {
       $("DivDataList").style.width = wi - 223;
      if( $("leftMenu").style.display.toLowerCase() == "none" )
      {
        $("DivDataList").style.width = wi - 30;
      }
     }
    }

    if( $("DataEmpWidows").style.display.toLowerCase()=="inline"|| $("DataEmpWidows").style.display.toLowerCase()=="")
    {
     if (h==he&&w==wi)
     {
      if( $("leftMenu").style.display.toLowerCase() == "none" )
      {
        $("DataEmpWidows").style.width = wi - 30;
      }
      else
      {
        $("DataEmpWidows").style.width = wi - 223;
      }       
     }
     h = he;
     w = wi;
     if (he>150)
     {
       $("DataEmpWidows").style.height = he - 132;
     }
     if(wi>200)
     {
       $("DataEmpWidows").style.width = wi - 223;
      if( $("leftMenu").style.display.toLowerCase() == "none" )
      {
        $("DataEmpWidows").style.width = wi - 30;
      }
     }
   
    }
    if(typeof( $("EipWindows")) != "undefined")
    {
     //if( $("EipWindows").style.display.toLowerCase()=="inline")
     //{
     // if (h==he&&w==wi)
     // {
     //  if( $("leftMenu").style.display.toLowerCase() == "none" )
     //  {
     //    $("EipWindows").style.width = wi - 30;
     //  }
     //  else
     //  {
     //    $("EipWindows").style.width = wi - 223;
     //  }       
     // }
     // h = he;
     // w = wi;
     // if (he>150)
     // {
     //   $("EipWindows").style.height = he - 132;
     // }
     // if(wi>200)
     // {
     //   $("EipWindows").style.width = wi - 223;
     //  if( $("leftMenu").style.display.toLowerCase() == "none" )
     //  {
     //    $("EipWindows").style.width = wi - 30;
     //  }
     // }   
     //}
    }
    setTimeout("resize()",1000);
   }
   resize();

   然后就在网页上调用resize();一旦窗口大小有变化,或是分辩率有变化,都能确保能够实现真正意义上的自适应.