Div hover over image on mouseover

[CHeeSeBLiND]

I want to have a bit of html that looks like this (excluding the class/id's that I'll need):

<a href="#" title="whatever"><img src="/image/source.jpg" alt="whatever" /></a>
<div>content content content content content content content content content content content content </div>

I want the div to be hidden until someone hovers over the images. Then I want the top left corner of the div to be where the cursor is, and follow the cursor when it moves over the images.

Demonstrated by this piece of art:



Can anyone point me in the right direction? a tutorial, example, code etc.

Thanks in advance.

[Pepejeria]

Check out this sticky post for JavaScript tutorials and tips.

Then I suggest you to figure it out yourself how to do this, or google for this.