Наложение текста поверх изображения с помощью jQuery

By masster

Ниже будет показано, как придать изображению некую изюминку путем наложения поверх него полупрозрачного текста, который при наезде курсора мыши появляется, а при уводе - плавно скользит вниз и исчезает:

Гранд идея - дать возможность пользователю коментировать изображения, давать им названия или просто выводить пояснения при движении курсора мыши по изображению. Этот слой должен появляться, когда пользователь водит курсором по картинке и пропадать, когда курсор покидает ее. Вот так выглядит схема:
Read more »

jQuery - координаты курсора мыши на экране дисплея

By masster

Как-то мне понадобилось при отладке программы выводить на экран координаты курсора мыши.
Делается это легко с помощью функции .html и свойств pageX, pageY объекта e события mousemove

$().(function(e){
   $('#debug').html("x=" + e.pageX + "; y= " + e.pageY);
});

На самой странице необходимо создать слой