Click to See Complete Forum and Search --> : Button Rollover Effect Please Help


soyini
06-23-2003, 07:16 PM
Hi,
I want to create an effect where the user rollover over a button, and a vertical line "unfolds" next to it. The line will change depending on the the button you are on. All the line images will be in the same space, but Im guessing it will operate on some kind of multiple image-swapping script.
Anyt ideas on how this can be done? thanks..:;)

Jona
06-23-2003, 08:23 PM
I'm not quite sure what you want. First of all, would this "vertical bar" be an image or plain text (e.g., |)? Also, how would it "change"?

Jona

soyini
06-23-2003, 08:30 PM
Hi thanks for replying.

Check this link to see what I mean:

http://www.bauhaus.de/gebaeude/index.htm

the line image will change on rollover or on press of the button.

also, my menu and line will be vertical instead of horizontal.

Any ideas?

Jona
06-23-2003, 08:43 PM
Well, actually that's not an image or text! lol. It's the background color of a TD cell. All it is doing is changing the background color of a TD cell onMouseOver--and all of the TD cells up to the point ahead of it.. I'll work with some vertical code and see what I come up with and report back here. :)

Jona

Jona
06-23-2003, 11:03 PM
I started working on it and after a few minutes realized I did it horizontal! So I went back and fixed it. Now it is vertical. Also, instead of using TABLEs, I used DIVs--they're much easier to use and they're much more flexible. I also use CSS. Anyways, you can view the page online at www.jona.t35.com/experiments/verticalDIVchange.html. Also, if you'd like to take my tutorial (http://jona.t35.com/experiments/tableChildNodes_tutorial.html) you may do so... It's a simple tutorial, with nothing flashy really, but it should teach you a lot about what you've got here. Good luck, and have fun!

[Jona]