jQuery如何使元素居屏幕中间位置

这篇文章主要介绍了jQuery如何使元素居屏幕中间位置,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

邵阳网站建设公司创新互联公司,邵阳网站设计制作,有大型网站制作公司丰富经验。已为邵阳近千家提供企业网站建设服务。企业网站搭建\成都外贸网站制作要多少钱,请找那个售后服务好的邵阳做网站的公司定做!

使元素居屏幕中间位置

$(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(); 
});

感谢你能够认真阅读完这篇文章,希望小编分享的“jQuery如何使元素居屏幕中间位置”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


本文题目:jQuery如何使元素居屏幕中间位置
当前链接:http://bzwzjz.com/article/jcijpp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 温江网站设计 网站建设开发 网站设计制作 达州网站设计 成都网站建设 定制网站建设 移动网站建设 高端网站设计 成都品牌网站设计 成都网站建设公司 网站建设 企业网站建设 成都网站建设公司 网站建设 网站设计公司 营销型网站建设 营销网站建设 成都网站设计 营销型网站建设 网站设计 成都网站建设 移动手机网站制作