AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

jquery计算出left和top,让一个div水平垂直居中的简单实例

51自学网 http://www.wanshiok.com
jquery,div,top,left

实例如下:

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计算出left和top,让一个div水平垂直居中的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持wanshiok.com。


jquery,div,top,left  
上一篇:瀑布流的实现方式(原生js+jquery+css3)  下一篇:Javascript类型系统之undefined和null浅析