【jquery】 随笔记录
2011-10-17 17:00
246 查看
(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) ....
首先需要了解基本的知识点:
获取浏览器显示区域的高度 : $(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) ....
相关文章推荐
- jquery动态添加input ——随笔记录
- 【随笔记录】很有用的Jquery代码片段(转)
- 记录使用了jquery uploadify flash版插件的页面在chrome浏览器崩溃问题的解决方法
- 纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!
- 阅读rocketmq的consumer源码的随笔记录的一些东西
- jquery键盘事件全记录
- mybatis随笔记录
- Jquery 使用记录
- CoreText图文混排 ,学习随笔记录
- 记录随笔
- jQuery选择器课堂随笔
- 开发:随笔记录之 OSGI的jar添加几个小问题及其注意的地方
- jquery学习随笔(工具函数)
- jQuery选择器课堂随笔
- ACM题解转移计划--随笔记录
- jquery.cookie.js结合asp.net实现最近浏览记录
- jQuery插件记录 <三>使用$.fn添加jQuery对象方法中传递options给定默认值
- Apache自带 ab压测工具 Windows配置使用说明 - 随笔记录
- jquery 随笔
- jquery实现滑动删除记录