creating links that use an onmouseover to display more links

[John Fitzgibbon]

Hi,

On many web pages, moving a mouse over a link causes a div to appear
right next to the original link. The newly appeared div contains links
allowing for more precise navigation.

The web page http://www.infotoday.com is a good example of where this is
done. Click on the link 'Magazines' on the left and you will see a list
of links to magazines appear next to the original link.

I wish to find a resource, either a web site or a book, which explains
how this is done.

I know that the visibility style of the original div is being changed
from hidden to visible using JavaScript and this is done by invoking an
onmouseover event handler. Positioning the div right next to the
original link is a mystery to me. I assume that positioning is done with
JavaScript by making the position of the div equal to this.style.top
(the position of the link that has just been clicked on) but I don't see
this anywhere in the JavaScript.

Is there a resource that will walk me through the steps?

Any ideas would be most welcome.

Regards
John


John Fitzgibbon

Galway Public Library
Island House
Cathedral Square
Galway
Ireland

p: 00 353 91 562471
f: 00 353 91 565039
w: http://www.galwaylibrary.ie 

******************************************************************* 
Tá eolas atá príobháideach agus rúnda sa ríomhphost seo 
agus aon iatán a ghabhann leis agus is leis an duine/na daoine
sin amháin a bhfuil siad seolta chucu a bhaineann siad. 
Mura seolaí thú, níl tú údaraithe an ríomhphost nó aon iatán 
a ghabhann leis a léamh, a chóipáil ná a úsáid. 
Má tá an ríomhphost seo faighte agat trí dhearmad, 
cuir an seoltóir ar an eolas thrí aischur ríomhphoist 
agus scrios ansin é le do thoil. 

This e-mail and any attachment contains information which is 
private and confidential and is intended for the addressee 
only. If you are not an addressee, you are not authorised 
to read, copy or use the e-mail or any attachment. 
If you have received this e-mail in error, please notify 
the sender by return e-mail and then destroy it. 
*********************************************************************