javascript - 在鼠标悬停时应用工具提示

Question

我在 html5 Canvas 上放了一张图片。

myString = '<img id="img1" class="link1" src = 'img/icon1.png'></img>';
            $('#main1' ).append(myString);
            $('#main1' + '-link1').fadeIn('slow'); 

            $(".link1").click(function () {
                window.location.href = url1;
            });

$(".link1").hover(function () {
                $('#myDiv').show();
            }, function () {
                $('#myDiv').hide();
            });

div 是:

<div id="myDiv" style="display:none;border: 1px solid black;width: 10px;height:5px;padding: 1px;">
    <p>Hello</p>
</div>

现在，鼠标悬停时，div 出现在页面末尾。我需要它出现在图像的正下方。我怎样才能做到这一点？

Answer 1

这取决于“myDiv”div 的位置。

您可以只使用 <img title="my tooltip text" />如果它只是工具提示中的文本。