jquery實現(xiàn)彈出div,始終顯示在屏幕正中間的簡單實例
更新時間：2014年03月08日 09:25:45 作者：
本篇文章主要是對jquery實現(xiàn)彈出div,始終顯示在屏幕正中間的簡單實例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
以下代碼塊就能始終讓彈出div位于屏幕的正中心，希望對大家有所幫助！
//讓指定的DIV始終顯示在屏幕正中間
function setDivCenter(divName){
var top = ($(window).height() - $(divName).height())/2;
var left = ($(window).width() - $(divName).width())/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
$(divName).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show();
}
復(fù)制代碼 代碼如下:
//讓指定的DIV始終顯示在屏幕正中間
function setDivCenter(divName){
var top = ($(window).height() - $(divName).height())/2;
var left = ($(window).width() - $(divName).width())/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
$(divName).css( { position : 'absolute', 'top' : top + scrollTop, left : left + scrollLeft } ).show();
}
您可能感興趣的文章:
相關(guān)文章
大家都知道m(xù)ap()方法主要用來遍歷操作數(shù)組和對象，這篇文章將給大家詳細(xì)介紹關(guān)于jQuery遍歷map()方法的內(nèi)容，文章給出了詳細(xì)的示例代碼，對大家的理解和學(xué)習(xí)很有幫助，有需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧。2016-11-11
這篇文章主要介紹了jQuery中siblings()方法用法,實例分析了siblings()方法的功能、定義及獲取匹配元素集合中每一個元素的同輩元素的使用技巧,是進(jìn)行元素篩選時非常實用的方法,需要的朋友可以參考下2015-01-01
利用jQuery實現(xiàn)打字機(jī)字幕效果實例代碼
這篇文章給大家介紹了如何利用jQuery來實現(xiàn)打字機(jī)字幕效果，文章介紹了實現(xiàn)原理和代碼，實現(xiàn)以后的效果還是不錯，有需要的可以參考借鑒。2016-09-09
jQuery 選擇同時包含兩個class的元素的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query 選擇同時包含兩個class的元素的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JQuery中對服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作
JQuery中對服務(wù)器控件 DropdownList, RadioButtonList, CheckboxList的操作總結(jié)，需要的朋友可以參考下。2011-06-06
這篇文章主要介紹了jQuery獲取動態(tài)添加元素的方法詳解,jQuery 是一個高效、精簡并且功能豐富的 JavaScript 工具庫,它提供的 API 易于使用且兼容眾多瀏覽器，這讓諸如 HTML 文檔遍歷和操作、事件處理、動畫和 Ajax 操作更加簡單,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了Jquery.Form 異步提交表單的簡單實例。需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
JQuery 確定css方框模型（盒模型Box Model）
做過前臺設(shè)置的都知道css存在兩種盒模型，W3C標(biāo)準(zhǔn)的方框模型和IE瀏覽器的方框模型。除IE以外的大多數(shù)瀏覽器只支持W3C方框模型。IE瀏覽器能夠根據(jù)頁面的呈現(xiàn)模式的定義而是用對性的方框模式。已用哪中呈現(xiàn)的模式取決于頁面上的DOCTYPE的聲明。2010-01-01
jQuery實現(xiàn)的3D版圖片輪播示例【滑動輪播】
這篇文章主要介紹了jQuery實現(xiàn)的3D版圖片輪播,涉及jQuery針對頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-01-01
jquery實現(xiàn)Ajax請求的幾種常見方式總結(jié)
這篇文章主要介紹了jquery實現(xiàn)Ajax請求的幾種常見方式,結(jié)合實例形式總結(jié)分析了jQuery實現(xiàn)ajax請求常用的load()、post()、get()及Ajax()方法相關(guān)操作技巧,需要的朋友可以參考下2019-05-05