Skip to main content
T
tmidesign7
Participant
April 23, 2013
Question

If I have a box with a title strip at the bottom, how do I make the strip pop up on mouse over

  • April 23, 2013
  • 3 replies
  • 752 views

So I am building a website for my company and Ive hit a brick wall on something that I know I could make work correct but I dont have the time and dont want to contiue to waste time experimenting. I have been using adobe flash and I know how to use it but not on this level I guess, I have got it to work in some cases but seems like it would be the worst to edit if needed.

Im trying to make a box (button) that has a visible title strip at the bottom of it. When you mouse over the title slides up and it shows information, which you can click to go to a link or mouse out and it will go back down. Ive been trying everything and something always seems to not go just right. I need it to be fluid, for I will be doing it to 6 boxes in a row on the landing page of the site. Please let me know if anyone knows what Im talking about or can help in any way possible! There is an example on the sony site near the bottom with 4 boxes.   http://www.sony.com/index.php

Also, If anyone were to know the answer to the Q above, What would be the best template to start in for this?

Thanks, T

This topic has been closed for replies.

3 replies

U
upTown_apps
Participating Frequently
April 26, 2013

I would insert this code:

myButton.addEventListener(MouseEvent.MOUSE_OVER, myFunction);

function myFunction(e:MouseEvent):void;

{

     titleStrip.y = myButton.y;

}

Your title strip should be in position.

Message was edited by: upTown_apps

U
upTown_apps
Participating Frequently
April 27, 2013

If you were trying to stray away from code for this particular action you could also just convert your BUTTON graphic to a SYMBOL and choose BUTTON as the type and name it whatever you like. Then DOUBLE_CLICK on the BUTTON and it should open a new set of frames in the TIMELINE. You should see UP OVER DOWN HIT.

     Insert your title strip graphic below the BUTTON. RIGHT_CLICK on the empty frame below the OVER frame. Choose to INSERT KEYFRAME. Here is where you should put your title strip over the BUTTON.

sinious
sinious
Legend
April 23, 2013

Consider something like a JavaScript library for your tabs. You can do it yourself with standard jQuery effects easily (http://learn.jquery.com/effects/intro-to-effects/) or even use something premade as a wrapper if you really choose like jQuery UI (http://jqueryui.com/toggle/). Simple things like revealing content via a tab should be done in a modern way.

The content of the tabs can be SWFs if you really have some serious animations/etc they can exist inside there.

M
moccamaximum
Inspiring
April 23, 2013

the sony site you are showing is html/js not flash.

programming a mouseOver that you request is not so hard, but if you need it to be fluid Flash might not be the best choice

(you realize that your companies flash site will not run under IOS with flash as a backbone?)

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices