Template:TU-header3

From 2011.igem.org

(Difference between revisions)

@@ Line 11: / Line 11: @@
 $(function() {
 	$('#sdt_menu > li').bind('mouseenter',function(){
-		var $elem = $(this);
+					var $elem = $(this);
-		$elem.find('img')
+					$elem.find('img')
-			 .stop(true)
+						 .stop(true)
-			 .animate({
+						 .animate({
-				'width':'170px',
+							'width':'170px',
-				'height':'170px',
+							'height':'170px',
-				'left':'0px'
+							'left':'0px'
-			 },400,'easeOutBack')
+						 },400,'easeOutBack')
-			 .andSelf()
+						 .andSelf()
-			 .find('.sdt_wrap')
+						 .find('.sdt_wrap')
-			 .stop(true)
+					     .stop(true)
-			 .animate({'top':'140px'},500,'easeOutBack')
+						 .animate({'top':'140px'},500,'easeOutBack')
-			 .andSelf()
+						 .andSelf()
-			 .find('.sdt_active')
+						 .find('.sdt_active')
-			 .stop(true)
+					     .stop(true)
-			 .animate({'height':'170px'},300,function(){
+						 .animate({'height':'170px'},300,function(){
-			var $sub_menu = $elem.find('.sdt_box');
+						var $sub_menu = $elem.find('.sdt_box');
-			if($sub_menu.length){
+						if($sub_menu.length){
-				var left = '170px';
+							var left = '170px';
-				if($elem.parent().children().length == $elem.index()+1)
+							if($elem.parent().children().length == $elem.index()+1)
-					left = '-170px';
+								left = '-170px';
-				$sub_menu.show().animate({'left':left},200);
+							$sub_menu.show().animate({'left':left},200);
-			}
+						}
-		});
+					});
-	}).bind('mouseleave',function(){
+				}).bind('mouseleave',function(){
-		var $elem = $(this);
+					var $elem = $(this);
-		var $sub_menu = $elem.find('.sdt_box');
+					var $sub_menu = $elem.find('.sdt_box');
-		if($sub_menu.length)
+					if($sub_menu.length)
-			$sub_menu.hide().css('left','0px');
+						$sub_menu.hide().css('left','0px');
-		$elem.find('.sdt_active')
+					$elem.find('.sdt_active')
-			 .stop(true)
+						 .stop(true)
-			 .animate({'height':'0px'},300)
+						 .animate({'height':'0px'},300)
-			 .andSelf().find('img')
+						 .andSelf().find('img')
-			 .stop(true)
+						 .stop(true)
-			 .animate({
+						 .animate({
-				'width':'0px',
+							'width':'0px',
-				'height':'0px',
+							'height':'0px',
-				'left':'85px'},400)
+							'left':'85px'},400)
-			 .andSelf()
+						 .andSelf()
-			 .find('.sdt_wrap')
+						 .find('.sdt_wrap')
-			 .stop(true)
+						 .stop(true)
-			 .animate({'top':'25px'},500);
+						 .animate({'top':'25px'},500);
-	});
+				});
-});
+            });
+        </script>
 </script>
 <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:TU-Delft/Testcss?action=raw&ctype=text/css" />

Template:TU-header3

From 2011.igem.org

Revision as of 22:45, 15 June 2011