首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

用jquery 使网页绝对居中 在 大于等于1024 *768分辨率上

2012-11-23 
用jquery 使网页绝对居中 在 大于等于1024 *768分辨率下在你的网页中导入JQuery的js库文件 思路是通过 jqu

用jquery 使网页绝对居中 在 大于等于1024 *768分辨率下
在你的网页中导入JQuery  的js库文件 思路是通过 jquery 获取  body 的现有宽度
然后 调整  body 的左边距  或者 右边距. 
如下代码

  <html><head><title> 网页居中显示</title>  <!--  这一行会因你的 JQuery.js 文件路径不同而有区别-->   <script type="text/javascript" src="js/jquery.js"></script>   <script   type="text/javascript" >$(document).ready( function  (){         var      mybody=$("body");  var      mywidth=mybody.width();  //这里的1000 是网页具体内容显示的宽度  可根据你所需的宽度改动其 数值。if(mywidth>1000)    { var   bianJu=(mywidth-1000)/2;      mybody.css("margin-left" ,bianJu);  mybody.css("margin-right" ,bianJu); } });</script></head><body>  </body></html>

热点排行