Fancy Sliding Tab Menu V2

Hi Andrew.
I love your menu but there’s one thing I would like to see: mouseout action.
Keep the good work.

PS: Your blog is pretty cool with very good articles. One of my favorites.

Very sexy, nice work Andy.

your website has clipped on resourcealiciousx http://resourcealiciousx.my-poison.com/?page_id=4

Thanks very much transparecer.

thanks very much ^_^

This is a great script. I’m disappointed I can not use it though because sometimes when you scroll back over the tabs, the tab jumps and doesn’t come up or the text pops up but the div container the text is in doesn’t come up. I did not test this in internet explorer but I know I was using Mozilla when I noticed this problem. You might want to check into that. I am using the latest version of Mozilla too.

great piece of code, but is it possible to have an enhancement? slide left and right?

Thanks!!!

I would also like to see a mouseout function to close menus rather than the idleTime setting. idleTime works if you are going to make a fairly quick link selection (for example) but is less useful if you want to display info to be read (specifications, colour options etc) where there may be no mouse movement.
This would increase the usability of what is already a very nice effort

Close to what I am looking for, but I need to be able to space the tabs apart, and specify their width. I tried laying them out in a table (ugh) but that didn’t have any effect. I need about 50 px between each tab, is that possible?
Thanks!

I really love the sliding menu! I added semi-transparency to it which makes it look even more elegant.
Just add the following lines to the CSS .panel block:

filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

Great and pretty kool script but there is only one irritating thing which everyone is saying. Mouseout Event which seems to be missing.

Nice job, clean code and last but not the least SEO friendly.
Great work.

Thank you for this. I found this via stumbleupon and it’s one of the few times I stopped and left a comment

I’m subscribing to your feed just because this is one of the best things I’ve seen recently. I’m going to use it for a new portfolio layout.

Thanks,
Mike

excellent works, thank you, no flash needed

Why won’t the darn menu close down when you mouse out of it??? It just stays UP.

when select one tab, idle for 10s, move the mouse back to the tab, the tab is no longer displayed.

Great code! And no need for flash. One question… is there a way to manipulate the code so that I can use different colors per button or even a different image per button instead of the static color across the bar?

Very good exampale

thank you

to reset the mouse out value to 2 secons open tabslide.js:

find:
function resetIdle(){
if( $(’visible’) ){
window.clearTimeout( slideTime );
slideTime = window.setTimeout( “resetTabs()”, 10000 );
}
}

Change to:
function resetIdle(){
if( $(’visible’) ){
window.clearTimeout( slideTime );
slideTime = window.setTimeout( “resetTabs()”, 1000 );
}
}

Thanks awesome script.

Thanks..this is awesome script. you are the man..

Genius

I’m trying to add this on top of a google maps mashup, the problem is that eveything above the sliding tab menu/panel becomes unclickable because the accordion div is layered on top of the map. Is there a simple workaround for this?

Thanks for this awesome menu. I’m trying to put it on the left border of my website, and i can solve that.

#sideBarTab{
float:right;
height:251px;
width:29px;
}

The sideBar keep positionning on the right side of the page…
Can anyone can help me solve that ?

Cool!!!!I like`~

Any way to make this slide down instead of slide up?