jQuery menu- snook version

I found a jquery menu at snook.ca.
I needed to change a little bit to make it a bit subtle. So I created this one.

I know someone must have done it, but I couldn't find it.

This works with IE6/7, Chrome and FF3. It should work with Safari and Opera.
Read the rest of this entry »

"How to Make a Smooth Animated Menu with jQuery" by Zach Dunn

Zach Dunn from buildinternet.com shared his jquery menu.

http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/
It does not gracefully degrade with Javascript unabled, but it is a good tutorial. He guide us line by line with detailed comment.
.stop() is used for avoiding a broken accordion effect. Mouseover, mouseout
and normal chain is used.

Thanks Zach.

  $(document).ready(function(){

    //When mouse rolls over
    $("li").mouseover(function(){
        $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

    //When mouse is removed
    $("li").mouseout(function(){
        $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
    });

});

Read the rest of this entry »

Gracefully Degradable jquery Drop-Down-Menu

There are many jquery menus. However I found that some are not gracefully degradable and some don't work in IE6 etc.

I found good one with mootools. Then I wanted to change it to jquery for other reasons.

I found two jquery menus for my purpose. Both of them works without javascript enabled and in IE6.

http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery
and
http://users.tpg.com.au/j_birch/plugins/superfish/

I decided to use the first one since it does not need other js as the second one and it serves my purpose.

This menu does not look fancy, because of color, but I used this for some websites. www.okadadesign.no www.designvalg.no and other websites.
Read the rest of this entry »