요소 위로 현재 마우스의 div 표시/숨기기 방법?

Question

"a, img, div"와 같은 페이지의 요소를 가리키면 다른 현재 숨겨진 요소가이 요소에 표시되고 위치, 너비, 높이가 투명한 색으로 표시되도록 스크립트를 작성하고 싶습니다. .
javascript/jquery를 사용하여이를 수행하는 방법? 요소 그런

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

에 마우스 오버 이벤트를 부착하여

Answer 1

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