读书人

用jquery 使网页绝对居中 在 大于等于

发布时间: 2012-11-23 00:03:43 作者: rapoo

用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>

读书人网 >Web前端

热点推荐