simple web design question that I'm making hard...

[Randeeb]

This has got to be a very easy question to answer, but I keep getting the "longgggggg" complicated answer.


Here's what I want to do:

I want to create a simple image, of say, an envelope, for my web page nav bar. When the user moves their mouse over the image -- rather than use the CSS a:hover class to bring the link to life per say -- I want the envelope to open with a letter sliding out with the name of the respective link. Simple enough...

My question:

1) Is this something that I can make a gif animation for and have html activate the change?
1a) If yes, please provide a simple quick snapshot or a good link to provide the code.

2) Is this something that is going to require some hardcore Javascript or VBScript?
2a) If yes, is there some sort of repository out there in the web world that I can "borrow" this script from?

Thx guys, look forward to the responses.

 

[Descartes]

1) Is this something that I can make a gif animation for and have html activate the change?

Yes. You can capture the OnMouseOver event of the image and simply swap it with the animated gif.

1a) If yes, please provide a simple quick snapshot or a good link to provide the code.

Here's an example...

<img name="envelope" src="someimage" onMouseOver="document.envelope.src='youranimatedgif'">

Make sense?

2) Is this something that is going to require some hardcore Javascript or VBScript?

The above example uses Javascript, albeit a little superficially.

If you have a page already out there, or have more specifics, I could give you the code for your page.