JQuery 將元素顯示在屏幕的中央的代碼
更新時間:2010年02月27日 12:06:32 作者:
在網(wǎng)站開發(fā)中我們經(jīng)常需要將對話框顯示在屏幕的中央。如果使用Javascript因為瀏覽器實現(xiàn)的差異,實現(xiàn)起來非常麻煩。但是JQuery可以很簡單實現(xiàn)的搞定這一切。
復(fù)制代碼 代碼如下:
(function($){
$.fn.center = function(){
var top = ($(window).height() - this.height())/2;
var left = ($(window).width() - this.width())/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
return this.css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show();
}
})(jQuery)
調(diào)用方法:
復(fù)制代碼 代碼如下:
$('#dialog').center();
相關(guān)文章
jQuery ajax dataType值為text json探索分享
ajax dataType值為text json的使用是怎么樣的,在本文將為大家想你想介紹下,感興趣的朋友不要錯過2013-09-09JQuery實現(xiàn)倒計時按鈕的實現(xiàn)代碼
頁面中需要實現(xiàn)某個按鈕點擊完后,禁用它,并顯示倒計時。這個默認(rèn)是3秒,代碼很簡單2012-03-03jquery實現(xiàn)在頁面加載的時自動為日期插件添加當(dāng)前日期
這篇文章主要介紹了通過jquery實現(xiàn)在頁面加載的時自動為日期插件添加當(dāng)前日期,需要的朋友可以參考下2014-08-08jQuery實現(xiàn)表單動態(tài)添加與刪除數(shù)據(jù)操作示例
這篇文章主要介紹了jQuery實現(xiàn)表單動態(tài)添加與刪除數(shù)據(jù)操作,涉及jQuery事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-07-0715款優(yōu)秀的jQuery導(dǎo)航菜單插件分享
這篇文章收集了15款優(yōu)秀的jQuery導(dǎo)航菜單插件分享給大家。jQuery 是一個非常優(yōu)秀的 JavaScript 框架,使用簡單靈活,同時還有許多成熟的插件可供選擇,jQuery 讓網(wǎng)站有更好的可用性和用戶體驗,給訪問者對網(wǎng)站留下非常好的印象。2011-07-07jQuery動態(tài)移除與增加onclick屬性的方法詳解
這篇文章主要介紹了jQuery動態(tài)移除與增加onclick屬性的方法,結(jié)合實例形式分析了jQuery使用attr與removeAttr方法針對元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-06-06