99久久精品久久久久久清纯,日韩免费一区二区三区

jquery計(jì)算出left和top,讓一個(gè)div水平垂直居中的簡單實(shí)例

來源：易賢網(wǎng) 閱讀：948 次日期：2016-07-27 16:18:05

溫馨提示：易賢網(wǎng)小編為您整理了“jquery計(jì)算出left和top,讓一個(gè)div水平垂直居中的簡單實(shí)例”,方便廣大網(wǎng)友查閱！

下面小編就為大家?guī)硪黄猨query計(jì)算出left和top,讓一個(gè)div水平垂直居中的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。實(shí)例如下：

實(shí)例如下：

if($("#cont1").css("position")!="fixed"){

$("#cont1").css("position","absolute");

var dw = $(window).width();

var ow = $("#cont1").outerWidth();

var dh = $(window).height();

var oh = $("#cont1").outerHeight();

var l = (dw - ow) / 2;

var t = (dh - oh) / 2 > 0 ? (dh - oh) / 2 : 10;

var lDiff = $("#cont1").offset().left - $("#cont1").position().left;

var tDiff = $("#cont1").offset().top - $("#cont1").position().top;

l = l + $(window).scrollLeft() - lDiff;

t = t + $(window).scrollTop() - tDiff;

$("#cont1").css("left",l + "px");

$("#cont1").css("top",t + "px");

}

以上這篇jquery計(jì)算出left和top,讓一個(gè)div水平垂直居中的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考，敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)！