Rollover menu / popup window

[magiccupcake]

I want to add a script to an image on a website, so that when a person puts their cursor on it, a menu with different links will pop up under it.

It doesn’t necessarily have to be done in JavaScript, if there is a better way.

Also I want the links to open in new windows with specific sizes.

If anyone has a good way to do this let me know.

Thanks in advance.

[snow]

For the pop-up menu, the best I've found is the suckerfish technique:
http://alistapart.com/articles/dropdowns/

For the new window you'll need a javascript function, here's the details:
http://www.pageresource.com/jscript/jwinopen.htm

Please think long and hard before opening a new window without the user's consent though!:

Opening up new browser windows is like a vacuum cleaner sales person who starts a visit by emptying an ash tray on the customer's carpet. Don't pollute my screen with any more windows, thanks (particularly since current operating systems have miserable window management). Designers open new browser windows on the theory that it keeps users on their site. But even disregarding the user-hostile message implied in taking over the user's machine, the strategy is self-defeating since it disables the Back button which is the normal way users return to previous sites. Users often don't notice that a new window has opened, especially if they are using a small monitor where the windows are maximized to fill up the screen. So a user who tries to return to the origin will be confused by a grayed out Back button.
Links that don't behave as expected undermine users' understanding of their own system. A link should be a simple hypertext reference that replaces the current page with new content. Users hate unwarranted pop-up windows. When they want the destination to appear in a new page, they can use their browser's "open in new window" command -- assuming, of course, that the link is not a piece of code that interferes with the browser’s standard behavior.

(Top ten mistakes in web design: http://www.useit.com/alertbox/9605.html)

[Ryan Fait]

I agree about the popups. I don't use them at all on my site, even when linking to someone else's site. Users know how to use the back button, and they also know how to open links in new windows/tabs if they want to do so.

[ukgeoff]

You can also find a tutorial on css driven menu systems in the sticky at the top of the css forum.