Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
  Advanced Search
  HOME    TRACKER    Flash




Smooth Rollover And Out Animated Button.



Hi I need someone to tell me or direct me to a link that will show me how to create a button that fades up when rolled over and fades back down when rolled out.

A good example is the primary nav on lennykravitz's site (link below). Notice that the buttons don't animate fully when the mouse rollsover and out quickly.

http://www.lennykravitz.com/main.html

Thanks for your help.



Ultrashock Forums > Flash > ActionScript
Posted on: 2004-06-09


View Complete Forum Thread with Replies

See Related Forum Messages: Follow the Links Below to View Complete Thread

Smooth Rollover And Out Animated Button.
Hi I need someone to tell me or direct me to a link that will show me how to create a button that fades up when rolled over and fades back down when rolled out.

A good example is the primary nav on lennykravitz's site (link below). Notice that the buttons don't animate fully when the mouse rollsover and out quickly.

http://www.lennykravitz.com/main.html

Thanks for your help.

[CS3] Animated Button (smooth) Help Please.
Hi all,
Last time I posted here everyone was very helpful so thought I'd try and see if anyone could help me again.
I'm trying to make 4 simple rectangular buttons. The buttons will be the standard 'home', 'contacts' etc. I am ok with the buttons themselves, but what I am after is a mouseover effect which makes the button grow slightly (smoothly). I can do it using a larger image as the down keyframe but it looks ugly and jerky.

Could anyone help me please with how to set out achieving this?

Many thanks

Silvia

Animated Rollover Button?
Can I use a movieclip to create an animation effect on rollover on a button?

Greatful for help
Kerstin

Animated Rollover Button
Hey there ppl...


First of all: Merry Christmas . Second: you might want to skip the following PseudoRant-part and skip right to the question, but if you want to know what I think of Flash, feel free to read it .

<PseudoRant>
I must say that I've ABSOLUTELY had it with Flash (I'm talking about MacroMedia's crappy (in my opinion) editor, not about the Flash format itself; there's nothing wrong with it as far as I'm concerned). I've mastered programs like 3ds max up to an advanced level, same goes for Photoshop, HTML editing etc.. I've been programming for years now (assembler, C(++), Delphi, PHP, OpenGL, you name it) and I've never had any serious problems, but when it comes down to Flash and ActionScript and especially their incorporation into MacroMedia's editor, I can't help getting annoyed within minutes of use. It's layout and workflow are highly illogical, confusing and non-self explanatory. MacroMedia is very well capable of doing better (just take a look at DreamWeaver) and Swish clearly demonstrates that a better editor is just a matter of willingness to develop. I simply wanted to convert my animated gif rollovers into SWF rollovers and thought that this would only take about 15 minutes or so, but it turned out that I was quite wrong. After 15 minutes of stumbling through the interface I was so annoyed that I decided that it was better to call it a day for now. Somehow I get the feeling that I'm not the only one having problems with MM's weird interface...
</PseudoRant>

Anyway, I simply want to convert my animated gif buttons into Flash buttons. Why? Because gif frame rates aren't consistent throughout browsers (I'd like 30fps) and I don't want my animation to stop in the middle of a loop when a MouseOut-event is detected; I want it to run to the end and then stop. The first frame of the animated gif is the frame that I want to show when the button isn't playing its animation. How can this be done in Swish (I don't know if it is easy/possible to implement the "finish-animation-loop-before-stopping" with Swish) and if it cannot be done in Swish (which I do not hope) how can it be done in Flash (the easy, non-painful way)?

Thanks in advance.


GRTZ,

(Sn)Ik.

Animated Button With A Still Rollover.
I have animated object(s) moving left to right in a constant loop. The symbol is a button. On a rollover the object freezes in place, what I want else on a rollover is text to pop up.

The text that pops up has to stay in an assigned position. Whats happening is the text pops up depending on where the animated object is.

Here is an example of the movie.
http://www.xblive.com/SanctityStudios/linkexample.html

on every rollover I want the text to pop up where the moving flesh is.



Any help would be greatly appreciated, I only just started learning flash recently(newbie)


Thanks,
Chome

Animated Button Rollover
Hi there, I think you must probably get one of these questions about animated buttons every day so I am sorry but I am tearing my hair out here.
I created a mouse rollover with an animation as you can see in the file attatched. And when the user clicks it I want them to be redirected to a url. You see this animation will be used as part of a website. Anyway I used geturl in the actionscript but when the user rolls the mouse over the link 'biology' the animation in the rollover state freezes ( this happens for the other links as well if I complete the same procedure for them). I don't know why this is happening.... can anyone PLease help me

Any Help much appreciated

Chris

Animated Rollover Button Help
I want the first part of the button to be in animation then when I hover over I want it to change to a non animated picture. Also when I click the button I want it to open to a new window which I want to be able to define to the exact size (for example (1000x750 without browser menu like the home and back buttons) These need to be flash elements because the site is mostly HTML. I have attached the animation from the first part of the button.[

Animated Button Rollover
I can almost get this button to work although the rollout animation sticks when rolled over at a reasonable speed. It seems to work when rolled over really slow.

Does anyone know what is wrong and how to fix it.

.fla file is attached.

An example of something similar is:

http://www.westcountryboy.net/

Thanks

S

[F8] Rollover Animated Button
Here's my delimma; I want to create a rollover button that brings up a drop down menu. I've tried creating a shape tween on the down state of a button, but the "home" graphic disappears during the process, and it gives an error.

Therefore, I created a graphic of Home and over top of the that I created an invisible button, but now I can't animate the over state to have the menu drop down.

Any suggestions? Or any other method that I could try?

Cheers

Rollover Animated Button
I'm using this tutorial "Complex Button RollOver/RollOut Effect"
http://www.kirupa.com/developer/mx20...ton_effect.htm

Please refer to the attached FLA file. I'd like the star to ease in/out and when the mouse rolls over the button, it should look like the bottom star.

Thanks, any help appreciated!

Animated Button,mc Rollover,rollout
Hi there,

I'm having probs on a animated button.The button is actually animated by an mc.On rollover it should animate frame 1 to 20, on rollout frame21 to frame 40(animated mc).

My button is placed inside an mc togheter with the animated mc witch I gave an instancename Ani1 for other buttons the abimated mc is called Ani2,Ani3,...

It's just not working.It must have something to do with _parent,this.?Can't figure it out someone can help.Big thx in advance.

//Btw I'm working in Mx//

Here's the script that needs some ajusting.

on (rollOver, dragOver) {
if (active ne "/Ani1") {
tellTarget ("/Ani1") {
out = "0";
if (Number(start) == 1) {
gotoAndPlay(2);
} else {
gotoAndPlay(altframe);
}
}
}
}
on (rollOut, dragOut) {
if (active ne "/Ani1") {
tellTarget ("/Ani1") {
out = "1";
gotoAndPlay(altframe);
if (Number(stop) == 1) {
stop = "0";
gotoAndPlay(altframe);
}
}
}
}
on (release) {
tellTarget (active) {
play();
}
active = "/Ani1";
tellTarget ("/Ani1") {
gotoAndStop(20);
}
}

Grtz,

Modulater

Animated Button Rollover Problem
If you go to this site

http://server.webtekcc.com/~suburban/

Rollover over the buttons quickly, they get real glitchy,

What method do you guys recommend i use?

Thanks

Animated Rollover Button Question
I kind of feel stupid asking this, but it has me stumped. I want to create a button that when you mouse over it it fades into a different color, then when you roll of it, it fades back to the original color. AND if you roll off of it before it completely turns into that different color, it will either (a) continue to fade in before fading out, or (b) it will fade back to the original color without any choppy color changes. Any suggestions will be helpful. Cheers

Slow Animated Glow On Rollover Of Button?
I have a black button. How do I make a white glow slowly apear on a rollover. I can make it suddenly appear on rollover but I need to know how to make it appear as a slow motion fade-in. Know what I Mean?????? Help!

Steve

Linking An Animated Rollover Button To A Frame
Hi, I have an animated rollover button that I'm trying to make go to a frame in my scene.

The button is in a movie clip that I've placed in the scene, but I can only get the actions to work in the movie clip. I'd like for it to go to a frame in my scene instead of a fram in my movie clip.

Here's the code I'm using


Code:
on (rollOver) {
if (Number(_currentframe) == 1) {
gotoAndPlay(2);
} else if (Number(_currentframe) == 20) {
stop();
} else {
gotoAndPlay(39-_currentframe);
}
}
on (rollOut) {
if (Number(_currentframe) == 20) {
gotoAndPlay(21);
} else {
gotoAndPlay(39-_currentframe);
}
}
on (release){
what do i put here??
}
So, I'm wondering what I need to put in the on (release) part to get the button to go to a frame in my scene. I've tried gotoAndPlay with no luck, maybe i did it wrong. any ideas?

Animated Rollover Button Using Tween Class Actionscript Problem
Hey guys,

I've created a rollover button that makes a little pink tab pop up on rollover and drop down using rollout.

The animation looks pretty sweet because it's done with the tween class. Heres the code:

on (rollOver) {
import mx.transitions.easing.*;
import mx.transitions.Tween;
var portfolioRollover:Tween = new Tween(clicktoviewtab, "_y", mx.transitions.easing.Back.easeOut, 58, 42, 10, false);
}

on (rollOut) {
var portfolioRollover:Tween = new Tween(clicktoviewtab, "_y", mx.transitions.easing.Back.easeIn, 42, 58, 7, false);
}

Problem is, if you rollover and roll off quickly it gets stuck. Not really sure why! Any ideas?

cheers

Sam

Smooth Animated Menu?
im making my youth groups website in flash and want a nav menu similar to the one on www.fuse.tv

what i need to know is- how to include interactivity so when you scroll over an image, it moves, unveiling a menu

my goal is something similar to http://www.fuse.tv where there is a little man who jumps to either the junior or senior high title and pulls it down, unfurling a scroll with the menu contents that is the navigation

so i need to know- how to get interactivty w/ mouse
how to make that action trigger an animation
how to make that animation pull down an active menu with multiple links on it

can this be done, where can i learn, or can you teach me?

thanks
washer


ps-someone explained what was hapening on the fuse site, but i have no idea what they were talking about:

Timeline animation movie clips, all of them preloaded judging by the slow load time. Digital cam pics of a model (friend? staff member?) in burst mode to create the animation attached at the bottom of the main menu. Cool site. Somebody had a lot of time on their hands.

Can't Make Smooth, Animated Scrolling
Can anybody tell me how I would make a smoothly scrolling, text box using action script with imported text?
I need the text to scroll 30 lines per click in a smoothly animated upward or downward motion.
Any help would be much appreciated.

Matrixtransformer- Smooth Animated/tweened Transitions?
hello all,

i've seen it in action before. I want to make a smooth, animated transition when a matrixTransformer is applied.

for example, when i click on a movieclip, i want it to rotate 60 degrees. If i simply apply the matrixTransformer, the animation will "jump" to a rotation of 60 degrees.

Instead of "jumping" to 60 degrees, I'd like a smooth rotating motion. Any ideas? thanks -bp

Smooth Rollover Buttons
I am having trouble with the button.rollout function.

As you can see in my attached file there is a very simple black rectangular button and when the pointer rolls over it, it shifts right. This is done by adding a movie clip into the button's rollover state. And you'll also notice on pointer's roll OUT, it jumps back, because there is no animation that slides it back because i dont know how to configure that.

im assuming to configure the rollout, i would have to have a different approach on the rollover, such as actionscript, rather than the simple movieclip in the button symbol's over state.

I have very little to NO experience with action scripts, so if someone could guide me through this that would be great so i could learn a little about them.

thanks

Smooth Scrolling (on Rollover)
Hi all, i'm pretty new to flash. I'm using Flash MX2004.

What I'm tryng do do is pretty simple (I think ) and I have seen it on a web site.
It's sort of scrolling banner that 'fast' scrolls to a fixed point when rolling over a button. I have been able to do all I wanted except for the 'fast' scrolling part.

It's like as giving a gotoAndStop() but instead of going immediatelly to the chosen frame it does it with a fast scroll (both forward and backward).

I would like to post the link to the site where i found it but I would not want to it be considered spam.

Can anyone give me some help please? Thanks

Smooth Rollover Animations
Ok, so i have buttons and when the viewer rolls over the button, a box slides out with content inside. When they roll out, the box slides away

So there are two animations, one for the rollover, one for the rollout

This is all great if they wait for the rollover animation to finish, however if they rollout half way thru the rollover anim, it jumps right to the rollout anim, and it isnt smooth

How do i make if they roll out half way thru the box just slides away from where it got to?

This is frustrating as hell

Please help, i dont usually considder myself a noob at flash, but this is stupid i cant figure it out

Smooth Rollover Animations
Ok, so i have buttons and when the viewer rolls over the button, a box slides out with content inside. When they roll out, the box slides away

So there are two animations, one for the rollover, one for the rollout

This is all great if they wait for the rollover animation to finish, however if they rollout half way thru the rollover anim, it jumps right to the rollout anim, and it isnt smooth

How do i make if they roll out half way thru the box just slides away from where it got to?

This is frustrating as hell

Please help, i dont usually considder myself a noob at flash, but this is stupid i cant figure it out

Smooth Rollover Scaling Something?
Last edited by sipher : 2004-06-14 at 06:54.
























just wondering what do they use to make the rollover upscaling maybe mask...so smooth ...how??? AS or tweening? so cool

any tut on that

yes the menu!!

http://www.group94.com/


thanks

PS... do they ever answer thier comments.. u know?

Smooth Movie Clip Movements On Rollover?
I've been trying to figure out how to simply make movie clips nudge/move slightly to the right or left (doesn't even need to be a random movement, but that would be great too) and then return to the original place. I would like to have easing in that, not a sharp movement. Right now, I am using a tween code (import mx.transitions.Tween; import mx.transitions.easing.*;) but it won't allow me to start from one point, bounce/elastic (whatever) to another point and then ease right back. It only bounces TO another place. Any ideas?

Thanks,
Christy






























Edited: 05/23/2008 at 01:31:20 PM by charner

Animated Rollover Using Animated Gif
Hi

I am brand spankin new to this forum

I want to make a rollover button in flash using a animated gif.....
is this possible?

i will explain

I made a simple gif that would be the button in idle position.

then i made a animated gif of same picture with edges starting to glow (the glow fades in, its only like 7-8 frames) i wanted this to come on in the originals place so it looks like the word home is glowing

i cannot figure it out. I am a photoshop guru, but am still taking baby steps in flash.

the reason i made button in photoshop is beacause you can make it look a lot cooler than with vector graphics(unless u wanna spend a lot of time making it look like metal)

can someone please help!!

I will atach my gifs so u can see if you can do it!!

Animated Rollover Using Animated Gif
Hi

I am brand spankin new to this forum

I want to make a rollover button in flash using a animated gif.....
is this possible?

i will explain

I made a simple gif that would be the button in idle position.

then i made a animated gif of same picture with edges starting to glow (the glow fades in, its only like 7-8 frames) i wanted this to come on in the originals place so it looks like the word home is glowing

i cannot figure it out. I am a photoshop guru, but am still taking baby steps in flash.

the reason i made button in photoshop is beacause you can make it look a lot cooler than with vector graphics(unless u wanna spend a lot of time making it look like metal)

can someone please help!!

I will atach my gifs so u can see if you can do it!!

Help: Animated Rollover
Created a button and on the rollover state, a window and some text pops up some where else on the screen, in a pseudo frame area.

The problem is when I take the mouse off the button and move it to that frame area the rollover animation comes on again. Is there any way to make that stop?


Thanks
Stuart

Animated Rollover
Hi. I am a relative novice to Flash. Does anyone know where I might find tutorial(s) that would show me how to fade in, fade out text rollovers like these?:
http://www.energypixel.com/
Any advice welcome. Thanks in advance.

Animated Rollover
Hi. I am a relative novice to Flash. Does anyone know where I might find tutorial(s) that would show me how to fade in, fade out text rollovers like these?:
http://www.energypixel.com/
Any advice welcome. Thanks in advance.

Animated Rollover
http://www.kirupa.com/developer/flas...edrollover.htm

Ok, I'm trying to achieve this affect. Can you guys tell me what I am doing wrong. Here's the fla.

Adding URL In Animated Rollover..
Hi guys,, I have been stuck on the past hour on getting this to work.
What I need to create is something like this:

http://www.kzok.com/

If you click over the artists on the header you will see it pop up with a screen and url once you click on it.

So far I have only managed to be alble to do the animation on the rollovers,but can't figure out how to get a url to load without it screwing up the animation or even working...help!

[F8] Problem With With Animated Rollover
Hi, i've done 2 animated rollover buttons in the past and have got them to work, but i'm trying to do one at the minute and its not happening. When you rollover the illustration button, the button icon comes up but nothing happens. I've attached it to this message, could you look at it to see what i've done wrong because i can't work it out, i'm sure its something obvious i'm missing! thanks

Animated Rollover Frustration
I'm trying to find the best and most robust way of detecting a mouse over event on a button. I have an animation within the button mc that animates to the rollover state. I want to use prevFrame() to return back to the rollout state.

This code works fine when I mouse over slowly and let the animation play to each stop point, but if I mouse past the button quickly the rollover animation sticks and so does the nested looping animation within the button shape (a cheeky looping glint over the button to catch the eye). The SWF itself isn't breaking because the click handler is still working and opens the PNG when the button is clicked. Please help! Deadline looming!


Code:
stop();
butt.stop();
useHandCursor = true;
buttonMode = true;

addEventListener(MouseEvent.CLICK, buttCLICK);
addEventListener(MouseEvent.ROLL_OVER, rolledOver);
addEventListener(MouseEvent.ROLL_OUT, rolledOut);

function buttCLICK (e:MouseEvent):void
{
navigateToURL(new URLRequest("file:///C:/test.png"));
}

function rolledOver (e:MouseEvent):void
{
addEventListener(Event.ENTER_FRAME, doRollOver);
}

function rolledOut (e:MouseEvent):void
{
addEventListener(Event.ENTER_FRAME, doRollOut);
}

function doRollOver(e:Event)
{
butt.nextFrame();
if (butt.currentFrame==9){
butt.gotoAndStop(9);
removeEventListener(Event.ENTER_FRAME, doRollOver);
}
}

function doRollOut(e:Event)
{
butt.prevFrame();
if (butt.currentFrame==1){
butt.gotoAndStop(1);
removeEventListener(Event.ENTER_FRAME, doRollOut);
}
}

Animated Resizing On RollOver
I am having a horrible time trying to get a Symbol to _xscale and _yscale to 120 percent while the cursor is over it, then return to normal size when the cursor is not over it. (note : I want it animated and not jump from 100 to 120 percent in one frame)

Is there an easy way to do this?


I have looked all over for tutorials on how to do this but can't find one.
The closest I've come to what I want is having a movie clip symbol (generic circle right now) with the following code on the first frame (once this worked I would simply put in the _yscale the same way):

ActionScript Code:
onClipEvent (load) {trace(box1);
setProperty(this, _xscale, box1);
}
onClipEvent (enterFrame)
{if (this._xscale > 100)
{this._xscale = this._xscale - 1;
}
}
on (rollOver) {
    var box1 = this._xscale;
    trace(box1);
    _parent.play(2)
}
On the Second Frame I have:

ActionScript Code:
onClipEvent (load) {trace(box1);
setProperty( this, _xscale, box1);
}
onClipEvent (enterFrame)
{if (this._xscale < 120)
{this._xscale = this._xscale + 1;
}
}
on (rollOut) {
    var box1 = this._xscale;
    trace(box1);
    _parent.play(1)
}
The problem with the above coding is that when I go from frame to frame the box1 variable is returned as an undefined variable, so the resizing in the beginning of each frame does not actually do anything (not to mention match the size it was last in the last frame)

Is there something wrong in my coding or how I'm doing this?

I do eventually want to have this happen on a Button Rollover is there a different way to do it this way?
How would you implement the above in a button?

I would greatly appreciate any help anyone can give.
Jkhoo

Better Way Of Doing This (animated Rollover States)?
Just wondering if there's a better way of doing the effect in the following tutorial:

http://www.flashkit.com/movies/Inter...9735/index.php

Thanks,
iota.

Animated Rollover Menus
I want to create a menu like on the site http://www.pushstudio.com/

Where the options expand when you roll the mouse over and contract when you move the mouse away, and the options underneath move up and down in tandem. I assume it needs ActionScript which I don't have much knowledge of.

Could anyone point me to a tutorial that deals with this please? I can't seem to find one, but I've seen the effect fairly regularly so someone must know how to do it!

Thanks.

Animated Rollover Question
Hello

I am trying to make an animated button and have been successful in using the tutorial in kirupa that shows me the actionscript for creating this effect.
http://www.kirupa.com/developer/mx20...ton_effect.htm

but what if i wanted the movie to fade in the circle and then allow the user to roll in and roll out?

when i tried doing this the actionscript did not want to stop at the frame with the rollover actionscript when reversing frames instead it wanted to go all the way back to the beginning when the button fades in

i need a more efficient way of telling flash not to go back to the beginning of my movie when the user performs a rolloff message

anyone know the way?

this graph is depicting what i want to do

...............................|.................. .......................
................................ actionscript for rollover button
intro fade in ...............rollover animated button



imsoconfused :o/

Animated Rollover, RollOut Style Pop Ups
Please help anyone who feels that they are able to!

I have a problem, in reprogramming my portfolio I wish to make an interface where by if the viewer were to Roll over a button, information would emerge, and on roll off, the information returns in a reverse of the emergence animation (Does that make sense?) I've managed to make it do so by complicated means (i.e minimal use of action script) but cannot make it so that if the user were to roll off before roll over sequence has finished the animation simply reverses. All mine does is jump to the end of roll over sequence and then play out the reverse. I have limited Script knowledge but any help would be really appreciated.

Multiple Rollover Animated Menu
Hi.
i've got a multiple rollover animated menu, it works ok, but if the mouse moves too quickly over the buttons, the menus won't roll back in.
I want to add buttons to the animations which roll out, and don't know how to do this.

I'm enclosing the swf file for you to look at what exactly I mean.

thx for help.

P.S. I know how to do a multiple non-animated rollover menu, but i think the actionscriping used there is of no use when dealing with animated content.

Animated Rollover Stops On Mouse,in-out-in
I have a nav bar that animates the sub-menus dropping down. Here's the problem: If the user mouses over, off and over again, before the sub-menu clip has completely retracted, it doesn't drop down unless the user leaves the button and mouses over again.
Note: The sub-menu clip plays for 5 frames and then loops between two frames checking the _xmouse and _ymouse coordinates, (to keep the sub-menu visible). If the user mouses outside of the given bounds, the clip plays a 5 frame retracting animation. I've tried shortening the extract/retract animation, but anything less than 5 is pretty choppy.

on (rollOver) {
_root.subMenuClip.play();
}
on (rollOut) {
}

//I stuck this in as a temporary fix

on (press) {
_root.subMenuClip.play();
}

Thanks,
-Mc-

Flash MX Animated Rollover Problems
I just started using Flash MX to create a complete website in Flash. I am trying to create an animated flash button which should do this:

1. when the mouse reaches the HIT point on the button should move up fast.

2. when the mouse goes off the HIT point without clicking moves back down slow

I have no problem achieving #1, but #2 I can't get this right in my movie clip for #2, do I need an actionscript?

If anyone can help me on this that would be great
Thanks

Steve

[F8] Problem With Actionscript On Animated Rollover
Hi, i've done 2 animated rollover buttons in the past and have got them to work, but i'm trying to do one at the minute and its not happening. When you rollover it the button icon comes up but nothing happens. I've attached it to this message, could you look at it to see what i've done wrong because i can't work it out, i'm sure its something obvious i'm missing! thanks

Problems With Animated Rollover Buttons
Hello, I am having a few issues with my animated rollover buttons. Every time I pass my mouse over them (moving from left to right) they get stuck ... as opposed to completing the animation. Here is a website with an example of what I am looking for:

http://www.hotelhausreichert.de/


Here is the AS that I used to do it my way:


ActionScript Code:
on (rollOver) {
    if (Number(_currentframe) == 1) {
        gotoAndPlay(2);
    } else if (Number(_currentframe) == 6) {
        stop();
    } else {
        gotoAndPlay(11-_currentframe);
    }
}
on (rollOut) {
    if (Number(_currentframe) == 6) {
        gotoAndPlay(7);
    } else {
        gotoAndPlay(11-_currentframe);
    }
}

I put this on a button that was inside of a MC. The MC has the animation in it aswell. I hope this is clear enough, I do appologize if I have confused anyone. I have attatched a .zip file with my version. Is there a way to achieve this effect dynamically instead of tweening? Thanks so much for your help and attention.

Sincerely,
Brian Griffith

Animated Rollover Buttons For Flash MX
I tried creating an animated rollover effect on a button, but I cannot get the animation work. Can someone please assist me in this matter.

Creating Animated Rollover Buttons...
http://www.kirupa.com/developer/flas...edrollover.htm

Hi!

I just finished the above tutorial, albeit in Flash MX 2004.

I could make the effect, (I could see it when I pushed "play movie") but could not get it to happen on rollover. I assume this is an actionscript thing, could anyone walk me through it?

Thank you!

Animated Rollover And Rollout Menu?
I want to have a menu that animates on rollover and roll out
Lets say if user rolls over a certain area, the menu animates in to view and when the user rolls out this area the menu animates back out of view.

(eventually the buttons in this menu will load up other flash movies into a container movie)

Proper Way For Animated Rollover Buttons?
I tried making a rollover text button that plays a movie on it's up state when the mouse rollsover it and then a movie plays on the down state when the mouse rollsoff it.

Initially I created a button (let's say btn_home) and created keyframes for the up and down states. In these keyframes I inserted the movie clips. The animation is simply a masked animation of the text colour changing from left to right.

The problem was that it would play fine on the up state when the mouse rolled over the button, but when the mouse rolled off, it wouldnt play the second movie.

I then tried a different approach. The first rollover would go through as a keyframe on the button up state. The second animation would end up being a different instance, placed on the stage in the exact location of the main button. I then used actionscript below to signal the movie when the mouse rolls off of it.

It works fine at the moment, but I was wondering if there was a cleaner way to do it in pure actionscript without having to worry about aligning instances and making so many labels up. There is however a tiny 1 frame lag between when the mouse rolls off the button and when the second movie plays. I wonder if actionscript for controlling both movies would help.


Code:

// Navigation buttons
home_btn.addEventListener(MouseEvent.ROLL_OUT, homeOff);
function homeOff(event:MouseEvent):void
{
mcHomeBack.gotoAndPlay(1);
}
Any feedback on this please?

Newbie Flash Help Needed (Animated Rollover)
Hi, this is my first post here....anyways

I just bought the Flash Anthology 1 and it's a great book. I'm using it as a guide for a navigation i'm trying to make. The effect is just like the one in this link:

http://www.phireworx.com/content/tut...prototypes.htm

So i made a Movie Clip that has the two words on top of each other. One for the over state and one for the others.

I also made a button. I wanted it to be just a white rectangle.

I made an instance of both on two seperate layers.

I gave the instances the names: MC and Button.

Then i modified some actionscript from the book and put it on a seperate layer.

Here's the code i used:


Code:
_global.speedFactor = 0.3;
_global.MCStartYPos = MC._Y;
_global.MCYPos = MCStartXPos;
_global.MC_Y = new Array (-22, 0);

function MCslideTo (number)
{
MCYPos = MC_Y[number];
}
function MCSlideBack (number)
{
MCYPos = MCStartYPos;
}

Button.onRollOver = function ()
{
MCslideTo(1);
};
Button.onRollOut = MCSlideBack;
MC.onEnterFrame = function()
{
this._y -= (this._y - MCXPos) * speedFactor;
};

But when i test it, i get these errors:


Code:
**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 1: Statement must appear within on handler
_global.speedFactor = 0.3;

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 2: Statement must appear within on handler
_global.MCStartYPos = MC._Y;

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 3: Statement must appear within on handler
_global.MCYPos = MCStartXPos;

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 4: Statement must appear within on handler
_global.MC_Y = new Array (-22, 0);

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 6: Statement must appear within on handler
function MCslideTo (number)

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 10: Statement must appear within on handler
function MCSlideBack (number)

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 15: The property being referenced does not have the static attribute.
Button.onRollOver = function ()

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 19: The property being referenced does not have the static attribute.
Button.onRollOut = MCSlideBack;

**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 20: Statement must appear within on handler
MC.onEnterFrame = function()

Total ActionScript Errors: 9 Reported Errors: 9

This is my first project in flash by the way....so go easy on me. If you need any further descriptions...just ask.


EDIT: ok, i just fixed most of the errors, but i still get the following:


Code:
**Error** Scene=Scene 1, layer=Layer 3, frame=1:Line 15: The property being referenced does not have the static attribute.
Button.onRollOver = function ()

**Error** Scene=Scene 1, layer=Layer 3, frame=1:Line 19: The property being referenced does not have the static attribute.
Button.onRollOut = MCSlideBack;

Total ActionScript Errors: 2 Reported Errors: 2

Copyright © 2005-08 www.BigResource.com, All rights reserved