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

Question

我想编写一个脚本，允许用户悬停在页面上的任何元素上“如a，img，div”另一个隐藏元素将显示在此当前元素上，并且其位置，宽度，高度将显示为透明颜色。
如何使用javascript / jquery？

Answer 1

首先将鼠标悬停事件附加到元素

$(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();
}