如何用JavaScript在前端页面做出这种提示框效果?

应该得用上onmouseover onmouseout这两个方法,
应该还需要div
当鼠标移动到对象上,那么就执行onmouseover所挂载的方法
方法需要把已经隐藏的div显示出来...

暂时脑补这些,还是听听大神的意见吧~

弹出层+js定位
或者弹出层+CSS动画

看什么对象，如果是图片、链接直接用alt属性，里面写上提示，浏览器就会调用标准的提示框。

http://www.w3school.com.cn/tags/att_img_alt.asp

```

    $("#faceTable tbody tr").mouseover(function(event){

        var leftSize = event.pageX+10;
        if($(window).width() < (event.pageX+310)){
            leftSize = event.pageX-310;
        }
        var topSize = event.pageY+10;
        if($(window).height() < (event.pageY + 430)){
            topSize = event.pageY -410;
        }

        $("#recordDetail").attr("style","top:"+topSize+"px;left:"+leftSize+"px;display:block;");
        $("#recordDetail").show();
    }).mouseout(function(event){

        $("#recordDetail").hide();
    });