Menu | news | Web page
Today to explain how to use flash to make Dynamic Web page menu, if you can take it directly to use! You can also improve your own, improve the better don't forget to go to the forum to tell Ah!
First look at the effects and source files:
Click here to download the source file
The production method is very simple, here to give you a simple description! If you don't understand, look at the source file!
First make five movie clip clips, say the method, build two layers, the following layer draws a rectangle, as for the fill why color according to your preferences on it! The above layer enters the text to be displayed. You then insert keyframes in frame 15th, the following rectangle adjusts the shape slightly, and the text layer above moves slightly up the position.
Create other movie clips in the same way. Then put them in the main scene.
Select five different movie clips to name different instance names: HOMEPAGE_MC, ABOUTUS_MC, PORTFOLIO_MC, ARCHIVES_MC, CONTACTS_MC.
Then make an invisible button (only click on the frame content, attention to size and the size of the movie clip set up!)! )
The other four buttons are created in the same way: InvisibleButton1, InvisibleButton2, InvisibleButton3, InvisibleButton4, InvisibleButton5, respectively.
Then create the main scene, each button placed in a different layer, notice the corresponding button to cover the corresponding movie clips Ah! The effect is as follows:
Then select each button individually to add an action to the button:
InvisibleButton1:
On (rollover) {
_ROOT.MOUSE_OVER_HOMEPAGE_MC = true;
}
On (RollOut) {
_ROOT.MOUSE_OVER_HOMEPAGE_MC = Fstartlse;
}
On (release) {
GetURL ("http://www.webjx.com/");
}
InvisibleButton2:
On (rollover) {
_ROOT.MOUSE_OVER_ABOUTUS_MC = true;
}
On (RollOut) {
_ROOT.MOUSE_OVER_ABOUTUS_MC = Fstartlse;
}
On (release) {
GetURL ("http://www.webjx.com/");
}
InvisibleButton3:
On (rollover) {
_ROOT.MOUSE_OVER_PORTFOLIO_MC = true;
}
On (RollOut) {
_ROOT.MOUSE_OVER_PORTFOLIO_MC = Fstartlse;
}
On (release) {
GetURL ("http://www.webjx.com");
}
InvisibleButton4:
On (rollover) {
_ROOT.MOUSE_OVER_ARCHIVES_MC = true;
}
On (RollOut) {
_ROOT.MOUSE_OVER_ARCHIVES_MC = Fstartlse;
}
On (release) {
GetURL ("http://www.webjx.com/");
}
INVISIBLEBUTTON5:
On (rollover) {
_ROOT.MOUSE_OVER_CONTACTS_MC = true;
}
On (RollOut) {
_ROOT.MOUSE_OVER_CONTACTS_MC = Fstartlse;
}
On (release) {
GetURL ("http://www.webjx.com/");
}
Finally, create a new layer to add action to use, open the action panel:
_root.homepage_mc.onenterframe = function () {
if (MOUSE_OVER_HOMEPAGE_MC) {
_root.homepage_mc.nextframe ();
} else {
_root.homepage_mc.prevframe ();
}
};
_root.aboutus_mc.onenterframe = function () {
if (MOUSE_OVER_ABOUTUS_MC) {
_root.aboutus_mc.nextframe ();
} else {
_root.aboutus_mc.prevframe ();
}
};
_root.portfolio_mc.onenterframe = function () {
if (MOUSE_OVER_PORTFOLIO_MC) {
_root.portfolio_mc.nextframe ();
} else {
_root.portfolio_mc.prevframe ();
}
};
_root.archives_mc.onenterframe = function () {
if (MOUSE_OVER_ARCHIVES_MC) {
_root.archives_mc.nextframe ();
} else {
_root.archives_mc.prevframe ();
}
};
_root.contacts_mc.onenterframe = function () {
if (MOUSE_OVER_CONTACTS_MC) {
_root.contacts_mc.nextframe ();
} else {
_root.contacts_mc.prevframe ();
}
};
Finally, you can press Ctrl+enter test!