js实现使元素在屏幕里上下左右居中
2010-12-01 15:01
429 查看
<script type="text/javascript" src="js/jquery-1.4.2.js"></script> <script type="text/javascript"> $(document).ready(function() { jQuery.fn.center = function() { this.css("position", "absolute"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px"); this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + "px"); return this; } $("#id").center(); }); </script> //ID为要在屏幕上下左右居中的元素ID,而不是class
相关文章推荐
- 登陆界面上下左右居中自适应屏幕显示的简单实现
- JQuery实现子元素在父元素居中(左右、上下均居中)
- JS实现元素上下左右移动效果
- js拖拽之二:实现拖动元素上下左右改变元素大小
- JS—实现元素上下左右移动
- 纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
- css中position:fixed实现div在窗口上下左右居中
- 如何保证在IE和火狐等主流浏览器让图片在块级元素中左右,上下居中显示
- 实现子元素相对于父元素左右居中
- 基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
- js实现模板在屏幕左右循环移动
- 实现div元素在整个屏幕的的垂直居中之translateY(-50%)的利用
- 让DIV在屏幕上下左右居中
- 纯CSS实现上下左右都居中的代码
- 用纯CSS实现容器内图片上下左右居中
- 基于jquery实现的图片在各种分辨率下未知的容器内上下左右居中
- js实现按键球,小球随键盘上下左右控制移动
- CSS3实现图片在DIV中上下左右居中(2)
- js实现页面左右上下拖拽
- 使用CSS实现上下左右居中