Return to Snippet

Revision: 46443
at May 20, 2011 12:38 by marshallgmoore


Updated Code
$('a').hover(function(){
    $(this).animate({'paddingLeft':'15px'},{queue:false,duration:120,complete: function(){
    $(this).animate({'marginBottom':'15px'},{queue:false,duration:120});
}
});
        },function(){
    $(this).animate({'paddingLeft':'0px'},{queue:false,duration:120,complete: function(){
    $(this).animate({'marginBottom':'0px'},{queue:false,duration:120});
}
});
});

Revision: 46442
at May 19, 2011 17:02 by marshallgmoore


Initial Code
$('a').hover(function(){
    $(this).animate({'paddingLeft':'15px'},{queue:false,duration:120,complete:function(){
        $(this).animate({'fontSize':'8px'},{queue:false,duration:120});
    }
});
    },function(){
        $(this).animate({'paddingLeft':'15px'},{queue:false,duration:120,complete:function(){
            $(this).animate({'fontSize':'12px'},{queue:false,duration:120});
        }    
    });
});

Initial URL


Initial Description
This is the syntax for a chained animation on hover. The included animations probably aren't very useful, but could easily be changed out with addClass or other css attributes... Or other animations of other properties. God, I don't know. I hope some lucky bastard finds this useful.

Initial Title
Jquery Chained Animation On Hover

Initial Tags


Initial Language
jQuery