see demo : http://jsfiddle.net/2kjVh/65/

$(document).ready(function() {

var moveLeft = 20;
var moveDown = 10;

//If Javascript is running, change css on product-description to display:block
//then hide the div, ready to animate
$(“div.pop-up”).css({‘display’:'block’,'opacity’:’0′})

$(“a.trigger”).hover(

function () {
$(this).prev().stop().animate({
opacity: 1
}, 500);
},
function () {
$(this).prev().stop().animate({
opacity: 0
}, 200);
}

)
$(‘a.trigger’).mousemove(function(e) {
$(“div.pop-up”).css(‘top’, e.pageY + moveDown).css(‘left’, e.pageX + moveLeft);
});

});

By the way, I really appreciate how carefully you spell out the directions in these tutorials. Very easy to follow. Developers should always show what to do “from the beginning” – it is bad to assume your audience is very fluent in something they are trying to learn!

Excellent, excellent.

Could you possibly modify the script so the popup follows your mouse similar to http://creativeindividual.co.uk/2011/02/create-a-pop-up-div-in-jquery/ this script?