快捷導(dǎo)航

jquery實(shí)現(xiàn)彈出div,始終顯示在屏幕正中間的簡(jiǎn)單實(shí)例

更新時(shí)間：2014年03月08日 09:25:45 作者：

本篇文章主要是對(duì)jquery實(shí)現(xiàn)彈出div,始終顯示在屏幕正中間的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

以下代碼塊就能始終讓彈出div位于屏幕的正中心，希望對(duì)大家有所幫助！

    //讓指定的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)文章

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