【jquery】 随笔记录

(1) 实现div层在window窗口中垂直和水平居中

  首先需要了解基本的知识点:

    获取浏览器显示区域的高度 : $(window).height();
    获取浏览器显示区域的宽度 :$(window).width();
    获取页面的文档高度 :$(document).height();
    获取页面的文档宽度 :$(document).width();

    获取滚动条到顶部的垂直高度 :$(document).scrollTop();
    获取滚动条到左边的垂直宽度 :$(document).scrollLeft();

  假设:一个层的id=“box”  var obj = $("#box");

  下面实现其垂直和水平居中: obj.css({

            "top":($(window).height()-obj.height())/2 + $(window).scrollTop(),

            "left":($(window).width()-obj.width())/2

          });

(2) ....

posted on 2011-10-17 17:00  轻舟  阅读(163)  评论(0编辑  收藏  举报