javascript - 需要像工具提示一样的 html 弹出窗口帮助

Question

点击下方文字查看网站模板

In this website when you hover on any product it shows the product description exactly on the product with images and texts. Can someone help me how can I achieve this with bootstrap tooltip or any other easy way or in other words I have created the same popped up div with same style how to show it on product when I hover over it with help of Jquery or javascript.

Answer 1

您获得了悬停对象的位置，然后只需将弹出窗口移动到该悬停对象上，是不是很简单？

$('item').hover(function(){
    $('popup').fadeIn();
    $('popup').offset({top: ..., left:...})
})

类似的东西。