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

Question

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

Answer 1

开始通过鼠标悬停事件附加到元素

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

然后写一个函数来处理你推荐作为myHiddenElement使用标签事件

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