jQuery插件實現(xiàn)控制網(wǎng)頁元素動態(tài)居中顯示
更新時間:2015年03月24日 10:03:09 作者:feiwen
這篇文章主要介紹了jQuery插件實現(xiàn)控制網(wǎng)頁元素動態(tài)居中顯示,實例分析了jQuery插件的實現(xiàn)與元素動態(tài)顯示的技巧,需要的朋友可以參考下
本文實例講述了jQuery插件實現(xiàn)控制網(wǎng)頁元素動態(tài)居中顯示的方法。分享給大家供大家參考。具體實現(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);
希望本文所述對大家的jQuery程序設計有所幫助。
相關(guān)文章
基于jquery的inputlimiter 實現(xiàn)字數(shù)限制功能
因客戶要求區(qū)分全角跟半角,所以在jquery.inputlimiter.js插件上還做了些小改動。2010-05-05jQuery滑動到底部加載下一頁數(shù)據(jù)的實例代碼
這篇文章主要介紹了jQuery滑動到底部加載下一頁數(shù)據(jù)的實例代碼,需要的朋友可以參考下2017-05-05jQuery實現(xiàn)文本顯示一段時間后隱藏的方法分析
這篇文章主要介紹了jQuery實現(xiàn)文本顯示一段時間后隱藏的方法,結(jié)合實例形式分析了jQuery事件響應及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-06-06EasyUI修改DateBox和DateTimeBox的默認日期格式示例
本篇文章主要介紹了EasyUI修改DateBox和DateTimeBox的默認日期格式示例,具有一定的參考價值,有興趣的可以了解一下。2017-01-01如何確保JavaScript的執(zhí)行順序 之jQuery.html并非萬能鑰匙
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之jQuery.html深度分析》中,我們揭示了jQuery.html函數(shù)之所以能在各種瀏覽器下保持動態(tài)JS順序執(zhí)行,其秘密在于 – 同步AJAX獲取外部JavaScript。2011-03-03Javascript中封裝window.open解決不兼容問題
window.open不兼容,其實不是, 因為不能直接執(zhí)行, 必須通過用戶手動觸發(fā)才行,下面有個實例,大家可以看看2014-09-09