根据传入的对象定位div位置

来源:互联网 发布:淘宝代付不能用花呗吗 编辑:程序博客网 时间:2024/05/21 07:01

根据传入的对象定位div位置


<style type="text/css">

        .moveTip {
        background-position:left;!important;padding-left:20px;
        }
    </style>






<div id="moveTip" style="position: absolute; width: 120px; left: 50px; top: 30px;display: none;background-color: #fff" >
        <p class="green moveTip">招投标情况</p>
        <p class="red moveTip">总投资额(万元)</p>
        <p class="green moveTip">资金到账比例</p>
    </div>


js  部分


function showMoveTip(obj){
       var top = obj.getBoundingClientRect().top + obj.offsetHeight;
       var left = obj.getBoundingClientRect().left + obj.offsetWidth;
       $('#moveTip').css({'left':left,'top':top});
    $("#moveTip").show();
}



0 0
原创粉丝点击