Tuesday, December 7, 2010

jQuery Effect code ( for Menu easeOutBounce and image fade effect )

$(document).ready(function(){ 
$('.home').mouseover(function(){ 
$('.fan1').stop().animate({"bottom": "-150px"},{queue:false, duration:850, easing: 'easeOutBounce'});                    }) 
$('.home').mouseout(function(){ 
$('.fan1').stop().animate({"bottom": "40px"},{queue:false, duration:350});                    }) 
$('.work').mouseover(function(){ 
$('.fan2').stop().animate({"bottom": "-150px"},{queue:false, duration:850, easing: 'easeOutBounce'});                    }) 
$('.work').mouseout(function(){ 
$('.fan2').stop().animate({"bottom": "40px"},{queue:false, duration:350});                    }) 
$('.about').mouseover(function(){ 
$('.fan3').stop().animate({"bottom": "-150px"},{queue:false, duration:850, easing: 'easeOutBounce'});                    }) 
$('.about').mouseout(function(){ 
$('.fan3').stop().animate({"bottom": "40px"},{queue:false, duration:350});                    }) 
$('.contact').mouseover(function(){ 
$('.fan4').stop().animate({"bottom": "-150px"},{queue:false, duration:850, easing: 'easeOutBounce'});                    }) 
$('.contact').mouseout(function(){ 
$('.fan4').stop().animate({"bottom": "40px"},{queue:false, duration:350});                    }) 
 
 
$("img.b").mouseover(function(){ 
$(this).stop().animate({"opacity": "0"}, "slow");                     }); 
$("img.b").mouseout(function(){ 
$(this).stop().animate({"opacity": "1"}, "slow");                     });                     });