I have been using the following code (from Dynamic Drive) to insert a watermark effect in a website:
Watermark Backgound Image Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, 100's more DHTML scripts, and TOS,
document.body.style.background="url('notebook.jpg') white center no-repeat fixed"
It works fine in the browsers it is supposed to work in, and seems to degrade well in others. I would now like to use a similar approach to create a static image at the top of the browser window, which is not a background image, but instead a foreground image (with image mapped links) - this will be a very simple menu system, I do not need any submenus, and I would like it to appear similar to a framed window, as far as all other content scrolling out of view with the top bar remaining static. How would I modify this script to do that?
I know there are many menu systems that will be static at the top of the window, but I want to do this with a single image, with image maps - and I want it to never move; much like the watermark image never moves... with the menus I have seen, they will all bounce or wiggle a little as the window is scrolled.