如何在當前鼠標上顯示/隱藏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(); 
}