Topic awaiting preservation: Sliding lens on menu (Page 1 of 1)

Here's my problem. What I want to do, is slide a lens over my menu - it's the "current page" designator. Now, Flash can do this.. but I'd rather not use flash.

Here's how I envision it working:


Layer 0 - Background layer. Contains the text images for the menu. Can be done as a simple background image on the layer.
Layer 1 - the slider. This is a .png image, with alpha transparency. IE will probably choke, but I'll try one of the "fix PNG" hacks on that. Could work.
Layer 2 - Invisible. Actually a transparent .gif with an image map applied.

You see, I want the slider to shift over to the appropriate label on mouseover - which can probably be done with the imagemap and javascript.

But right now, my brain has melted. So.. I throw myself upon the mercy of the DHTML gurus, and hope for assistance. =)

Inmate #1372 - Because time has little to do with infinity and jelly doughnuts!

Meh, I have to go, so I don't have much time, but I thought I'd give a quick throw at this one. This is fairly inelegant, and will probably get slammed by all, but I believe you can do something like this:

<script>
function tellMe(input) {
alert(input.style.posTop+" "+input.style.posLeft)
}
</script>
<img src="azkljguahrbe" onClick="tellMe(this)" style="position:absolute;left:100;top:50"></img>

And just customiz from there. I assume you can see what it's doing . Just don't forget to pass "this" from each image

Wrayal

Go to kimber-ja.demon.co.uk and click on the link to the raytracer!

Why not follow the same protocol as the one Ozones used to have?