网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 jquery计算出left和top,让一个div水平垂直居中的简单实例
范文
    下面小编就为大家带来一篇jquery计算出left和top,让一个div水平垂直居中的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。实例如下:
    实例如下:
    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水平垂直居中的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/22 5:11:55