Navbar (JavaScript???)

[Freakish_05]

Evening all.

I'm having a bit of a problem with the navbar for my new website.

Basically in photoshop I have created images and rollover images for 3 links and a drop down menu. The navbar will look something like:

Home Blog Images Pages
                 Page 1
                 Page 2
                 Page 3

Home, Blog, Images and Pages all have their own images and rollover images and I would like to have Page 1, Page 2, etc... appearing as a drop down list when I hover over 'Pages'.

I'm looking at javascript to achieve this and whilst I can find pleanty of examples of drop down's I'm finding it hard to find anything to do with rollover images. I'd also like to try and keep the 'Pages' rollover image displayed while the drop down list is displayed.

Any help greatly appreciated.
Freakish_05

 

[psyr33n]

I'm looking at javascript to achieve this and whilst I can find pleanty of examples of drop down's I'm finding it hard to find anything to do with rollover images.

Use the DOM to replace either the img element's src attribute or, if using CSS, the background-image property of the respective id or class.

I'd also like to try and keep the 'Pages' rollover image displayed while the drop down list is displayed.

Class or id up the element, then style it.