Comment afficher/masquer div sur l'élément actuel de la souris sur l'élément?

Question

Je veux écrire un script qui permette à l'utilisateur de planer sur n'importe quel élément de la page "tel que, img, div" un autre élément caché montrera sur cet élément courant et aura sa position, largeur, hauteur avec couleur transparente .
Comment faire cela en utilisant javascript/jquery?

Answer 1

Commencez par la fixation d'un événement mouseover à l'élément

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

écrire alors une fonction pour gérer l'événement

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