jQuery插件實(shí)現(xiàn)控制網(wǎng)頁(yè)元素動(dòng)態(tài)居中顯示
本文實(shí)例講述了jQuery插件實(shí)現(xiàn)控制網(wǎng)頁(yè)元素動(dòng)態(tài)居中顯示的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
(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);
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery動(dòng)態(tài)顯示和隱藏datagrid中的某一列的方法
- jquery下動(dòng)態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問(wèn)題的解決方法
- jQuery動(dòng)態(tài)改變圖片顯示大小(修改版)的實(shí)現(xiàn)思路及代碼
- jquery實(shí)現(xiàn)隱藏與顯示動(dòng)畫(huà)效果/輸入框字符動(dòng)態(tài)遞減/導(dǎo)航按鈕切換
- 基于jquery的多彩百分比 動(dòng)態(tài)進(jìn)度條 投票效果顯示效果實(shí)現(xiàn)代碼
- jQuery動(dòng)態(tài)效果顯示人物結(jié)構(gòu)關(guān)系圖的方法
相關(guān)文章
基于jquery的inputlimiter 實(shí)現(xiàn)字?jǐn)?shù)限制功能
因客戶要求區(qū)分全角跟半角,所以在jquery.inputlimiter.js插件上還做了些小改動(dòng)。2010-05-05jQuery如何獲取同一個(gè)類(lèi)標(biāo)簽的所有值(默認(rèn)無(wú)法獲取)
jQuery總是只返回第一個(gè)類(lèi)標(biāo)簽的值,所以無(wú)法達(dá)到我們的要求,那么jQuery如何獲取同一個(gè)類(lèi)標(biāo)簽的所有的值,下面與大家分享方法2014-09-09jQuery滑動(dòng)到底部加載下一頁(yè)數(shù)據(jù)的實(shí)例代碼
這篇文章主要介紹了jQuery滑動(dòng)到底部加載下一頁(yè)數(shù)據(jù)的實(shí)例代碼,需要的朋友可以參考下2017-05-05jquery實(shí)現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下2014-03-03jQuery實(shí)現(xiàn)文本顯示一段時(shí)間后隱藏的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)文本顯示一段時(shí)間后隱藏的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-06-06EasyUI修改DateBox和DateTimeBox的默認(rèn)日期格式示例
本篇文章主要介紹了EasyUI修改DateBox和DateTimeBox的默認(rèn)日期格式示例,具有一定的參考價(jià)值,有興趣的可以了解一下。2017-01-01如何確保JavaScript的執(zhí)行順序 之jQuery.html并非萬(wàn)能鑰匙
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之jQuery.html深度分析》中,我們揭示了jQuery.html函數(shù)之所以能在各種瀏覽器下保持動(dòng)態(tài)JS順序執(zhí)行,其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03Javascript中封裝window.open解決不兼容問(wèn)題
window.open不兼容,其實(shí)不是, 因?yàn)椴荒苤苯訄?zhí)行, 必須通過(guò)用戶手動(dòng)觸發(fā)才行,下面有個(gè)實(shí)例,大家可以看看2014-09-09