JQuery 將元素顯示在屏幕的中央的代碼
更新時間：2010年02月27日 12:06:32 作者：
在網(wǎng)站開發(fā)中我們經(jīng)常需要將對話框顯示在屏幕的中央。如果使用Javascript因為瀏覽器實現(xiàn)的差異，實現(xiàn)起來非常麻煩。但是JQuery可以很簡單實現(xiàn)的搞定這一切。
復制代碼 代碼如下:
(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)
調用方法：
復制代碼 代碼如下:
$('#dialog').center();
相關文章
本文主要介紹了jQuery事件的相關知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了jQuery實現(xiàn)的兼容性浮動層,可兼容IE、火狐等主流瀏覽器,涉及jQuery針對頁面元素的運算與屬性的動態(tài)設置相關技巧,需要的朋友可以參考下2016-08-08
當點擊具體的li元素時，發(fā)現(xiàn)ul的事件也被觸發(fā)了，這是我們不想看到的，解決方法就是加一句阻止冒泡即可2014-09-09
這篇文章主要介紹了jquery獲得同源iframe內body下標簽的值的方法,很簡單，很實用，需要的朋友可以參考下2014-09-09
本文給大家匯總介紹了幾個jQuery中不常用的方法，記錄一下，分享給大家，有需要的小伙伴可以參考下。2015-07-07
jQuery實現(xiàn)漂亮實用的商品圖片tips提示框效果(無圖片箭頭+陰影)
這篇文章主要介紹了jQuery實現(xiàn)漂亮實用的商品圖片tips提示框效果,具有鼠標滑過顯示動態(tài)提示框的效果,涉及針對鼠標事件的響應及頁面元素動態(tài)操作技巧,需要的朋友可以參考下2016-04-04
JQuery 入門實例 大家可以參考下。2009-06-06
這篇文章主要介紹了jquery Ajax 全局調用封裝實例詳解的相關資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了jQuery實現(xiàn)平滑滾動到指定錨點的方法,實例分析了jQuery根據(jù)錨點定位滾動的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
Ionic實現(xiàn)仿通訊錄點擊滑動及$ionicscrolldelegate使用分析
這篇文章主要介紹了Ionic實現(xiàn)仿通訊錄點擊滑動及$ionicscrolldelegate使用分析的相關資料,需要的朋友可以參考下2016-01-01