jquery實現彈出div,始終顯示在屏幕正中間的簡單實例
更新時間：2014年03月08日 09:25:45 作者：
本篇文章主要是對jquery實現彈出div,始終顯示在屏幕正中間的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
以下代碼塊就能始終讓彈出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();
}
復制代碼 代碼如下:
//讓指定的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();
}
相關文章
這篇文章主要介紹了jquery遍歷函數siblings()用法,結合實例形式較為詳細的分析了jquery的siblings函數用于元素遍歷的相關技巧,需要的朋友可以參考下2015-12-12
JQuery操作iframe父頁面與子頁面的元素與方法(實例講解)
這篇文章主要介紹了JQuery操作iframe父頁面與子頁面的元素與方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了jQuery實現的簡單拖拽功能,結合實例形式分析了jQuery鼠標事件響應及頁面元素動態(tài)修改相關技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了jQuery操作cookie的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了基于jQuery實現放大鏡效果，一般應用于放大查看商品圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
jquery異步調用頁面后臺方法‏(asp.net)
給出了兩個簡單的例子，無參數的和有參數的，返回的都是json數據。2011-03-03
這篇文章介紹了jquery利用ajax調用后臺方法實例，有需要的朋友可以參考一下2013-08-08
這篇文章主要介紹了jquery+CSS3模擬Path2.0動畫菜單效果代碼,涉及jquery鼠標click點擊事件及頁面元素樣式動態(tài)變換的實現技巧,需要的朋友可以參考下2015-08-08
jquery實現的圖文滾動效果,圖文內容經過指定的間隔時間自動向下滾動顯示,效果非常酷。有需要的小伙伴可以參考下。2015-05-05
jQuery移動和復制dom節(jié)點實用DOM操作案例
復制節(jié)點也是常用的DOM操作之一，例如很多購物網站的效果,本文將介紹jQuery移動和復制dom節(jié)點等實用DOM操作，有需的朋友可以參考下2012-12-12