What I'm trying to accomplish is he follwoing:
I have rotated text (-90 on text div rotation) with a background behind it for a navigtion bar that goes up the side of my site.
When I hover over it - I want a box to rotate out to the right side of it in normal orientation, that will allow a list of pages (text divs) to be clicked on and go to a page.
When I move off the original text to the new box - I want it to stay up so I can click on the text.
If I move off to another button - I want it to play the sequence of the original animation in reverse (box rotates back and disappears - then the box for that button rotates out and appears.
I hope this makes sense.
So - I got the buttons made, I got the rotate out animation made and have the .mouseover event to work and play. I set "stop" triggers on the timeline to stop it.
Here's what I don't have: I can't figure out how to get the .mouseout event to work.
If I move directly down to the next button- the original rotatation animation stays in place. If I move off the button first, it will just disappear.
If I move over to the pop out menu, it disappears.
Ugh - any ideas?
Anyone think I should just create something in Flash?
Anyone think I'm just crazy?
Including some screenshots to help explain:
The site I am trying to put this on is:
Home page (would not need the menu) http://newdesign.ourhappyhorses.com/index.html
Category page (would need the menu) http://newdesign.ourhappyhorses.com/ourhorses.html#&panel1-1
Content page (would need the menu) http://newdesign.ourhappyhorses.com/zip/zip.php
Seeing how I've limited my space may help you understand why I'm trying to do the thin menu up the left side...
Message was edited by: squeak2me to add missing image
You might want to put your menu items in symbols. This blog post might help you get going in the right direction, and you'll want to substitute mouseenter/mouseleave instead of the click events I use in the post.
Hope that helps,