javascript - 使用 javascript 和 CSS 制作信息框

Question

我想制作这样的信息框:

http://mmarfil.com/ [鼠标悬停查看]

Answer 1

该特定站点使用 jQuery fadeIn 和 fadeOut 显示工具提示的图像(实际 png)，如下所示:

$('.toggle').hover(
        function(){
            $('#baloon').fadeIn('normal');
        }, function() {
            $('#baloon').fadeOut('normal');
});

图像使用 css 固定定位位于框上方:

position: fixed;
margin-left: X px;
margin-top: Y px;

使用 html 可以实现类似的结果，定位一个 div 而不是一个图像。