Как показать / скрыть div на текущем элементе мыши?

Question

Я хочу написать скрипт, который позволит пользователю при наведении указателя мыши на любой элемент на странице «например, 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();
}