Biomod/2011/IITM/AcidArtists

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
Line 171: Line 171:
     var closespeed = 300;   
     var closespeed = 300;   
     $('.stack>img').toggle(function(){   
     $('.stack>img').toggle(function(){   
-
        var vertical = 0; 
 
-
        var horizontal = 0; 
 
-
        var $el=$(this); 
 
-
        $el.next().children().each(function(){ 
 
-
            $(this).animate({top: '-' + vertical + 'px', left: horizontal + 'px'}, openspeed); 
 
-
            vertical = vertical + 55; 
 
-
            horizontal = (horizontal+.75)*2; 
 
-
        }); 
 
-
        $el.next().animate({top: '-50px', left: '10px'}, openspeed).addClass('openStack') 
 
-
          .find('li a>img').animate({width: '50px', marginLeft: '9px'}, openspeed); 
 
-
        $el.animate({paddingTop: '0'}); 
 
-
    }, function(){ 
 
         //reverse above   
         //reverse above   
         var $el=$(this);   
         var $el=$(this);   
Line 188: Line 176:
         $el.next().find('li a>img').animate({width: '50px', marginLeft: '0'}, closespeed);   
         $el.next().find('li a>img').animate({width: '50px', marginLeft: '0'}, closespeed);   
         $el.animate({paddingTop: '35'});   
         $el.animate({paddingTop: '35'});   
-
     })
+
     },function(){  
-
 
+
-
    // Stacks additional animation  
+
     $('.stack li a').hover(function(){   
     $('.stack li a').hover(function(){   
         $("img",this).animate({width: '56px'}, 100);   
         $("img",this).animate({width: '56px'}, 100);   
Line 197: Line 183:
         $("img",this).animate({width: '50px'}, 100);   
         $("img",this).animate({width: '50px'}, 100);   
         $("span",this).animate({marginRight: '0'});   
         $("span",this).animate({marginRight: '0'});   
-
     });   
+
     });  function(){ 
 +
        var vertical = 0; 
 +
        var horizontal = 0; 
 +
        var $el=$(this); 
 +
        $el.next().children().each(function(){ 
 +
            $(this).animate({top: '-' + vertical + 'px', left: horizontal + 'px'}, openspeed); 
 +
            vertical = vertical + 55; 
 +
            horizontal = (horizontal+.75)*2; 
 +
        }); 
 +
        $el.next().animate({top: '-50px', left: '10px'}, openspeed).addClass('openStack') 
 +
          .find('li a>img').animate({width: '50px', marginLeft: '9px'}, openspeed); 
 +
        $el.animate({paddingTop: '0'}); 
 +
    }
});   
});   

Revision as of 17:27, 2 November 2011




Personal tools