Javascript 使用jquery响应弹出div

我正在尝试为我的网站创建一个弹出式div，比如homeaway网站右上角的图像部分

我尝试了下面的例子

var moveLeft=0；
var-moveDown=0；
$（'a.popper'）。悬停（函数（e）{
var target='#'+（$（this.attr（'data-popbox'））；
$（target.show（）；
moveLeft=$（this.outerWidth（）；
moveDown=$（target.outerHeight（）；
}，函数（）{
var target='#'+（$（this.attr（'data-popbox'））；
如果（！（$（$a.popper”）.hasClass（“show”））{
$（target.hide（）；
}
});
$（'a.popper'）.mousemove（函数（e）{
var target='#'+（$（this.attr（'data-popbox'））；
leftD=e.pageX+parseInt（moveLeft）；
maxRight=leftD+$（目标）.outerWidth（）；
windowLeft=$（window）.width（）-10；
windowRight=0；
/*maxLeft=e.pageX-（parseInt（moveLeft）+$（target.outerWidth（）+10）*/
maxLeft=e.pageX-（parseInt（moveLeft）+100）；
如果（maxRight>windowLeft&&maxLeft>windowRight）{
leftD=maxLeft；
}
topD=e.pageY-parseInt（向下移动）；
maxBottom=parseInt（e.pageY+parseInt（moveDown）+40）；
windowBottom=parseInt（parseInt（$（document.scrollTop（））+parseInt（$（window.height（））；
maxTop=topD；
windowTop=parseInt（$（document.scrollTop（））；
如果（maxBottom>windowBottom）{
topD=windowBottom-$（目标）.outerHeight（）-10；
}else if（maxTop
.popbox{
显示：无；
位置：绝对位置；
z指数：99999；
宽度：250px；
填充：10px；
背景色：#FFFAFF；
颜色：#000000；
边框：2个实心#77C5ED；
边际：0px；
-webkit盒阴影：0px 0px 5px 0px rgba（1641641641）；
盒子阴影：0px 0px 5px 0px rgba（1641641641）；
右：5px；
顶部：10053px；
}
.popbox h2{
背景色：#4D4F53；
颜色：#E3E5DD；
字体大小：14px；
显示：块；
宽度：100%；
余量：-10px 0px 8px-10px；
填充物：5px10px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。福西布斯·莫里斯·维瓦摩斯是一位贵族。
吊杆直径为1/2，弧型车辆，门为mi。在hac habitasse Plateum，一句名言。相思。
以一种独特的方式。马矢状胎生。万岁与自由。
我希望我能满足您的所有要求


var moveLeft=0；
var-moveDown=0；
$（'a.popper'）。悬停（函数（e）{
var target='#'+（$（this.attr（'data-popbox'））；
$（target.show（）；
moveLeft=$（this.outerWidth（）；
moveDown=$（target.outerHeight（）；
}，函数（）{
var target='#'+（$（this.attr（'data-popbox'））；
如果（！（$（$a.popper”）.hasClass（“show”））{
$（target.hide（）；
}
});
$（'a.popper'）.mousemove（函数（e）{
var elem=$（本）；
var target='#'+（elem.attr（'data-popbox'）；
leftD=e.pageX；//+parseInt（moveLeft）；
maxRight=leftD+$（目标）.outerWidth（）；
windowLeft=$（window）.width（）-10；
windowRight=0；
/*maxLeft=e.pageX-（parseInt（moveLeft）+$（target.outerWidth（）+10）*/
maxLeft=e.pageX-（parseInt（moveLeft）+100）；
如果（maxRight>windowLeft&&maxLeft>windowRight）{
leftD=maxLeft；
}
topD=e.pageY-parseInt（向下移动）；
maxBottom=parseInt（e.pageY+parseInt（moveDown）+40）；
windowBottom=parseInt（parseInt（$（document.scrollTop（））+parseInt（$（window.height（））；
maxTop=topD；
windowTop=elem.offset（）.top+elem.outerHeight（真）；
如果（maxBottom>windowBottom）{
topD=windowBottom-$（目标）.outerHeight（）-10；
左d+=20；
}else if（maxTop
.popbox{
显示：无；
位置：绝对位置；
z指数：99999；
宽度：250px；
填充：10px；
背景色：#FFFAFF；
颜色：#000000；
边框：2个实心#77C5ED；
边际：0px；
-webkit盒阴影：0px 0px 5px 0px rgba（1641641641）；
盒子阴影：0px 0px 5px 0px rgba（1641641641）；
右：5px；
顶部：10053px；
}
.popbox h2{
背景色：#4D4F53；
颜色：#E3E5DD；
字体大小：14px；
显示：块；
宽度：100%；
余量：-10px 0px 8px-10px；
填充物：5px10px；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。福西布斯·莫里斯·维瓦摩斯是一位贵族。
吊杆直径为1/2，弧型车辆，门为mi。在hac habitasse Plateum，一句名言。相思。
以一种独特的方式。马矢状胎生。万岁与自由。
如果我理解正确，您希望弹出窗口在任何情况下都会显示在文本下方吗？因此，这不是任何情况，只有在窗口缩小时才会显示。例如，如果示例中的链接向右浮动？@MoshFeu抱歉，我删除了以前的评论。在任何情况下，无论文本位于何处，弹出框都应该出现在下面。你的意思是这样的吗？如果不是这样，请更新您的问题，以便我可以更新我的答案。