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