css,js实现在鼠标移动到一个位置在这个位置下面显示一个已经存在的div，这个div的位置随意

<div id="retreatdiv">

   <p class="retreat font_s" >

                   这是要显示的内容
    </div>

//当鼠标移动到这个<span>时候

<span class='explain1'>移动到这</span>

$('.explain1').hover(function(){

            

              var eTop=$(this).offset().top;

              var eRight=$(this).offset().left;

              

              $('.retreat').css({'top':eTop+20+'px','left':eRight-170+'px'}).show()

                

              },function(){

                  

                  $('.retreat').hide();

          })