您的位置:首页 > Web前端 > JavaScript

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: