如何在当前鼠标悬停在元素上显示/隐藏div？

Question

我想编写一个脚本，当用户将鼠标悬停在页面上的任何元素（例如a，img，div）上时，另一个隐藏元素将显示在此当前元素上，并将具有透明颜色的位置，宽度，高度。
如何使用javascript / jquery做到这一点？

Answer 1

首先将mouseover事件附加到元素

$(function(){
    $("#myElementId").mouseOver(myMouseOverHandler);
});

然后编写一个处理事件的函数

function myMouseOverHandler(e)
{
    var width = $(this).width();
    var height = $(this).height();
    var top = $(this).offset().top;
    var left = $(this).offset().left;

    // set the element with these parameters
    var el = $("#myHiddenElement");

    el.width(width);
    el.height(height);
    el.css({ "top":top, "left":left, "position":"absolute" });

    el.show();
}