六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 137|回复: 0

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

[复制链接]

升级  34.67%

26

主题

26

主题

26

主题

秀才

Rank: 2

积分
102
 楼主| 发表于 2013-2-7 20:15:16 | 显示全部楼层 |阅读模式
在你的网页中导入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>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表