国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery插件實現控制網頁元素動態居中顯示

2019-11-20 12:52:20
字體:
來源:轉載
供稿:網友

本文實例講述了jQuery插件實現控制網頁元素動態居中顯示的方法。分享給大家供大家參考。具體實現方法如下:

(function($){  $.fn._center = function(self, parent, dimension)  {    if(!dimension.vertical && !dimension.horizontal)      return; //won't do anything anyway    if(parent)      parent = self.parent();    else      parent = window    self.css("position", "absolute");    if(dimension.vertical)    {      self.css("top", Math.max(0, (($(parent).height() - $(self).outerHeight()) / 2) + $(parent).scrollTop()) + "px");    }    if(dimension.horizontal)    {      self.css("left", Math.max(0, (($(parent).width() - $(self).outerWidth()) / 2) + $(parent).scrollLeft()) + "px");    }    return self;  };  $.fn.center = function(parent, args)  {    if(!args)    {      args = {horizontal: true, vertical: true};    }    return this.each(function()    {      var obj = $(this);      obj._center(obj, parent, args);      function callback()      {        obj._center(obj, parent, args);      }      callback();      $(window).resize(callback);    });  };})(jQuery);

希望本文所述對大家的jQuery程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 驻马店市| 油尖旺区| 容城县| 德清县| 荥阳市| 门头沟区| 铁岭市| 伊川县| 湘潭市| 秀山| 枣庄市| 旺苍县| 临清市| 衡阳市| 桦川县| 通榆县| 图们市| 绥中县| 红河县| 清苑县| 长治县| 新乡县| 什邡市| 乐东| 石家庄市| 遂溪县| 天等县| 昭觉县| 盘锦市| 忻州市| 定襄县| 阿克苏市| 茂名市| 临武县| 桐柏县| 福鼎市| 昌都县| 乌海市| 遂昌县| 沁阳市| 保康县|