Sliding menu on hover

Is there a way to make your navigation bar have a sliding menu for the sub-menus. I have tried the composition widget and the accordion as well but the when I change to vertical I havve no roll out option?

Similar Messages

I would like to see sliding menu widgets for mobile devices.

I would like to see sliding menu widgets for mobile devices.

You can tell Apple at the link below.
http://www.apple.com/feedback/iphone.html

Flash sliding menu

Dear all,
I am not very familiar in flash code, please help me.
I want to create some slide navigation type something like this http://www.newtonclients.com/swf/today.html
Please help me how can i create this.

You will need to search Google to try to find a tutorial that you can learn from and modify to suit your needs. Search using terms like "AS3 sliding image tutorial" and "AS3 sliding menu tutorial"
When you find some you will see how complicated such designs can be and why it is unlikely anyone will walk you thru it step by step.

Is there any effortless way to create accordion or sliding menu instead of incommodious AS3.0 Classes?

For a simple accordion menu design in flash we have to writting classes that requires advanced knowledge in writting object oriented as3.0.
But in javacsript we can make an accordion menu with jquery in just a minute.
Is there any effortless way to create accordion or sliding menu instead of incommodious AS3.0 Classes?
I have found classes for this animations that very hard to learn.
Thanks in advance
Felicita

You can probably find a premade AS3 accordian menu that you can adpat fairly easily without having to create all of the AS3 code that plays the role that the jquery end of the code does. Here's one that may be useful (?) http://www.blog.noponies.com/archives/39

Sliding menu problems HELP!

I am trying to create a sliding menu in Flash 8 and am not
very adept at actionscripting yet. I have been watching all the
tutorials i can find and reading them as well. I have this file
uploaded here :
http://www.geocities.com/zflategraff/flash.swf
Basically what im trying to do is have the menu hidden behind
the main whote area andd have only the tab showing. the tab has an
open/close button on it and thats what i want it to be able to do
is when the user clicks on it and it is hidden, it slides out. When
it is out and is clicked it slides back.
I would really appreciate any help anyone can give me!

turn the menu into a movieClip- put it on a layer beneath the
main interface- use actionscript to tween it to x/y position so
it's behind the main interface onRelease of your open/close button.
-you'll need to use an onEnterFrame action to show/hide a
mask over it so that your buttons will still work inside the
movieClip.

Trying to create sliding menu. HELP!

I am trying to create a sliding menu in Flash 8 and am not
very adept at actionscripting yet. I have been watching all the
tutorials i can find and reading them as well. I have this file
uploaded here :
http://www.geocities.com/zflategraff/flash.swf
Basically what im trying to do is have the menu hidden behind
the main whote area andd have only the tab showing. the tab has an
open/close button on it and thats what i want it to be able to do
is when the user clicks on it and it is hidden, it slides out. When
it is out and is clicked it slides back.
I would really appreciate any help anyone can give me!

As you observed, Encore's Library panel categorizes the items. Your movie reel is obviously a small PSD file that Encore somehow imported as a menu (I have no idea how this occurred - it's not clear from your description).
If I were you, I'd read the documentation again and begin with an actual menu. If the menus available are unsuitable, then you'll want to design your own in Photoshop. Again, all the information you need to do this in Encore's Help files.

Sliding Menu. HELP!

I am trying to create a sliding menu in Flash 8 and am not
very adept at actionscripting yet. I have been watching all the
tutorials i can find and reading them as well. I have this file
uploaded here :
http://www.geocities.com/zflategraff/flash.swf
Basically what im trying to do is have the menu hidden behind
the main whote area andd have only the tab showing. the tab has an
open/close button on it and thats what i want it to be able to do
is when the user clicks on it and it is hidden, it slides out. When
it is out and is clicked it slides back.
I would really appreciate any help anyone can give me!

writeonme,
Basically you need to create a movie clip that contains your
menu that is masked to only show up when one of the main buttons is
clicked. The menu movie clip would have two important keyframes...
a closed frame where the menu is to the left of the mask... and an
open frame where the menu is under the mask and visible. A tween in
between these frames would make the menu slide out. A third
keyframe would have the menu returned to starting position, with a
tween there too for the retracting action of the menu. Each
keyframe has a stop action. You could then write ActionScript to
make the menu respond to clicks on the main menu. A click on a main
menu example would play the menu movie clip, causing it to slide
out... A click of a button on menu could then cause the menu to
slide back.
Does that help?

Animating MCs on a sliding menu panel

I have a site with a sliding menu panel and I need MCs on
that panel to animate (expand) when the MC appears in the center
area of the stage and retract when the panel slides the MC out of
the center. (stop on frame 1, 10 frame tween expand w.stop, 10
frame tween to contract w. gotoandPlay1.)
Should I set up an if then for the values of the _x.
coordinates of the MC, or perhaps instance another mc occupying the
center 1/3 of the stage and do a MovieClip.hitTest function.
Does anyone have any thoughts or know of any source fla.s
with something like this?
any help is good help
thanx

Check this out:
http://weblogs.macromedia.com/sho/archives/2006/04/flex_sliding_dr.cfm
Tracy

Dynamic Sliding Menu

Does anyone know how I'd achieve something like this in Muse?
http://www.visualarms.com/store/sites/mobilemenus/sliding-menu.html
Thanks!

Not exactly there, but you could achieve something like that through the Featured News widget.
On a quick attempt, here's what I get through Muse. As that's a mobile site, so I used the Mobile layout.
http://myccmecommerce.businesscatalyst.com/phone/Untitled-7.html
The menu constantly being there is an advantage I would say rather than the user making another tap everytime just to navigate to the menu.
The only settings I changed in the Featured News widget (other than the triggers and target positioning of course) are as indicated in the screenshot below.

Building sliding menu

http://www.weddingorg.com/nouveau5/nouveau5.html
can anyone show me how to create this sliding menu (press hide)

yes, if you use a movieclip button you can encode something like:
var slideTween:Tween;
box.showhide.addEventListener(MouseEvent.CLICK,f);
function f(e:Event):void{
if(e.currentTarget.currentFrame==1){ // ie, text is show
e.currentTarget.gotoAndStop(2): // text is hide
slideTween=new Tween(e.currentTarget.parent,"x",Strong.easeOut,e.currentTarget.parent.x,stage.stageWidth -e.currentTarget.parent.width,1,true);
} else {
e.currentTarget.gotoAndStop(1);
slideTween=new Tween(e.currentTarget.parent,"x",Strong.easeOut,e.currentTarget.parent.x,stage.stageWidth -20,1,true);

Horizontal Sliding Menu Loop

Hi,
I have a horizontal sliding menu that works how I want it to
except that I'd like to have it loop and appear continuous left and
right instead of stopping when it gets to the end of the buttons on
the left and right. What's the best way to modify the script below
to make it continue left or right depending on the mouse direction
so that it loops and starts over? I know that if I remove the if
statement that it will keep going left or right, but how do I make
the clip repeat so that it doesn't fly off stage? Duplicate
movieclip and try to position it? I see this done on a lot of
sites, but I'm not sure how they do it. I can provide the FLA as
well if that helps.
Thanks!
onClipEvent (enterFrame) {
direction = (320-_root._xmouse)/30;
if (((this._x>=700) && (direction>0)) ||
((this._x<=-805) && (direction<0))) {
direction = 0;
this._x = this._x+direction;

I like this tutorial:
click here
to see link

Sliding menu is acting weird

I've created a sliding menu that pops out from under a menu on the left side of my page. However, when the main menu is rolled over, the sliding menu is positioned above the main menu and I can't figure out how to slide it down. The sliding menu should appear when you roll over the Family and Corporate links on the left side of the page. Here is alink that you can view for an example:
http://www.aires.com/sdoerbe/AIReS/Services/DropDownAttempt.html
Any thoughts?

javascript. it was sent to me by a co-worker and i
had to figure out how to put it into the html code. i
know nothing about scripting.I thought so. Recommendation #1: know what forum you are posting in. This is a java forum and java is not the same as javascript, in fact only distantly related (like c is distantly related to java).

Css menu on hover is wrong height

Hi Everyone,
I usually use spry so not versed in building a CSS menu but thought I'd give it a go on this simple site. I have a full width 1024 bar. No dropdowns. A vertical line between central menu items. The bar needs to have a fade from left to right so I have put this as a backgroundimage div. So far so good. Created my menu items and after much trial and error managed to get the positioning just about right, and the hover changes right. BUT, when you hover, the background needs to change to white background (so no longer looking at the gradient bar beneath it), and text to blue. Works perfectly EXCEPT that the size of the 'white' over is bigger (rises above and below the div) and I am trying to get it to be the same height as everything should be the same.
I have tried putting a height; attribute on everything but it makes no difference. The bar is 41px high. Everything else should also be 41px high. I added a 10px padding which worked in lowering the text in the bar to be more central, but I don't think this has caused the problem I'm getting as that was there before and nothing I try seems to make it size correctly.
I know it's somethign simple that someone could fix in a jiffy and hoping you're out there! Many thanks.
Page is displayed here http://www.charlieapple.co.uk/hamilton/index2.html
css is here
@charset "utf-8";
#wrapper {
    background-color: #CAD0D5;
#container {
    background-color: #CFF;
    width: 1024px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
#banner {
    height: 179px;
    width: 1024px;
#leftbody {
    padding-top: 20px;
#navbar {
    background-image: url(images/blue-grad-bar.png);
    height: 41px;
    width: 1024px;
#navigation {
    font-family: Calibri;
    background-image: url(images/blue-grad-bar.png);
    text-decoration: none;
    color: #FFF;
    padding-top: 10px;
    height: 31px;
#navigation ul
    margin: 0;
    padding: 0;
    text-decoration: none;
    height: 41px;
#navigation ul li
    list-style-type: none;
    display: inline;
    text-decoration: none;
    height: 41px;
#navigation ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    height: 41px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
#navigation a:hover {
    color: #354777;
    text-decoration: none;
    background-color: #FFF;
    height: 31px;
#navigation li:before {
content: "      |       ";
#navigation li:first-child:before {
content: none;
#leftcol {
    float: left;
    width: 640px;
    margin-left: 27px;
#rightcol {
    background-color: #CCF;
    float: right;
    width: 307px;
    margin-right: 24px;
    margin-left: 26px;
#pagename {
    font-family: Cambria, "Bell MT";
    font-size: 30px;
    color: #354777;
    width: 640px;
    margin-top: 10px;
    border-bottom-width: thick;
    border-bottom-style: dotted;
    border-bottom-color: #354777;
    padding-bottom: 10px;

Thanks Nancy O, I've made this change and it has fixed the height problem but now I have a new problem in the 'home' hover is completely weird! I'm copying the css below so you can see the changes I've made that you suggested and previously to that made the adjustments that Murray suggested. Could you also tell me if it's possible to get the hover for each button so the white stretches from the vertical lines left-right? many thanks.
@charset "utf-8";
#wrapper {
    background-color: #CAD0D5;
#container {
    background-color: #CFF;
    width: 1024px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
#banner {
    height: 179px;
    width: 1024px;
#leftbody {
    padding-top: 20px;
#navbar {
    background-image: url(images/blue-grad-bar.png);
    height: 41px;
    width: 1024px;
#navigation {
    font-family: Calibri;
    background-image: url(images/blue-grad-bar.png);
    text-decoration: none;
    color: #FFF;
#navigation ul
    margin: 0;
    padding: 0;
    text-decoration: none;
    height: 41px;
    overflow:hidden;
#navigation ul li
    list-style-type: none;
    height: 41px;
    float:left;
#navigation ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #FFF;
    line-height: 41px;
    padding: 41px 20px;
#navigation a:hover {
    color: #354777;
    text-decoration: none;
    background-color: #FFF;
    height: 31px;
#navigation li:before {
content: "      |       ";
#navigation li:first-child:before {
content: none;
#leftcol {
    float: left;
    width: 640px;
    margin-left: 27px;
#rightcol {
    background-color: #CCF;
    float: right;
    width: 307px;
    margin-right: 24px;
    margin-left: 26px;
#pagename {
    font-family: Cambria, "Bell MT";
    font-size: 30px;
    color: #354777;
    width: 640px;
    margin-top: 10px;
    border-bottom-width: thick;
    border-bottom-style: dotted;
    border-bottom-color: #354777;
    padding-bottom: 10px;

Having Trouble with Spry Menu Bar Hover Image

I added a hover image to the spry menu bar, however, whenever I roll my mouse over the buttons all, but one of the buttons' fonts grow in size, also increase the size of the button. Can someone please help me with this?

Hello,
the culprit must be in your (horizontal or vertical) "SpryMenuBar.........al.css". Please send us a link to your website in question, so we can better analyze.
BUT, and I quote from different contributions of the forum:
"Spry has been deprecated and is no longer officially supported by Adobe", “Adobe abandoned Spry late last year after CS6 came out. Future products will probably not contain any Spry so learning to use jQuery is a valuable skill to have for the future.” “The news was released in August last year: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l”.
I'd recommend you switch to a jQuery library for your further requirements.
If you have a budget to work with, look at PVII's Pop-Menu Magic3:
http://www.projectseven.com/products/menusystems/pmm3/index.htm
jQuery Superfish (free): http://users.tpg.com.au/j_birch/plugins/superfish/ aso.
Hans-Günter

Active page Menu button hover styling

I having a bug / issue with the 'Active' state on the menu buttons. Even though the Active state on the buttons are correct in Muse when designing, whenever I publish, then hover over on the active page menu button.. the styling switches to a white font with a white bg. I need the white bg but the font color is supposed to be black.. like I have set it inside Muse.
Here's what I mean clickhere
Each page's own menu item on (hover state) goes to white on white. Here's also a screen of my Muse 'states' clickhere so you know I have it correct.

Hello,
In HTML, whenever a link is in active state, no other states work on it. Here in your case, the link is on the Menu item (Button) and not on the text inside that button.
Which is why, the colour of text changes but the colour of the Button does not change when it is in Active state.
I would here suggest you here to use some other color combination so that it is displayed properly to the users.
Regards,
Sachin

Sliding menu on hover

Similar Messages

Maybe you are looking for