Team:SEU A/Team
From 2012.igem.org
(Difference between revisions)
Line 12: | Line 12: | ||
<script src="js/jquery-1.7.1.min.js"></script> | <script src="js/jquery-1.7.1.min.js"></script> | ||
<script src="js/jquery.flexslider-min.js"></script> | <script src="js/jquery.flexslider-min.js"></script> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> | ||
<script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/rotator.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/rotator.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | var current = 1; | ||
+ | |||
+ | var iterate = function(){ | ||
+ | var i = parseInt(current+1); | ||
+ | var lis = $('#rotmenu').children('li').size(); | ||
+ | if(i>lis) i = 1; | ||
+ | display($('#rotmenu li:nth-child('+i+')')); | ||
+ | } | ||
+ | display($('#rotmenu li:first')); | ||
+ | var slidetime = setInterval(iterate,3000); | ||
+ | |||
+ | $('#rotmenu li').bind('click',function(e){ | ||
+ | clearTimeout(slidetime); | ||
+ | display($(this)); | ||
+ | e.preventDefault(); | ||
+ | }); | ||
+ | |||
+ | function display(elem){ | ||
+ | var $this = elem; | ||
+ | var repeat = false; | ||
+ | if(current == parseInt($this.index() + 1)) | ||
+ | repeat = true; | ||
+ | |||
+ | if(!repeat) | ||
+ | $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300,function(){ | ||
+ | $(this).animate({'opacity':'0.7'},700); | ||
+ | }); | ||
+ | |||
+ | current = parseInt($this.index() + 1); | ||
+ | |||
+ | var elem = $('a',$this); | ||
+ | |||
+ | elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300); | ||
+ | |||
+ | var info_elem = elem.next(); | ||
+ | $('#rot1 .heading').animate({'left':'-420px'}, 500,'easeOutCirc',function(){ | ||
+ | $('h1',$(this)).html(info_elem.find('.info_heading').html()); | ||
+ | $(this).animate({'left':'0px'},400,'easeInOutQuad'); | ||
+ | }); | ||
+ | |||
+ | $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){ | ||
+ | $('p',$(this)).html(info_elem.find('.info_description').html()); | ||
+ | $(this).animate({'bottom':'0px'},400,'easeInOutQuad'); | ||
+ | }) | ||
+ | $('#rot1').prepend( | ||
+ | $('<img/>',{ | ||
+ | style : 'opacity:0', | ||
+ | className : 'bg' | ||
+ | }).load( | ||
+ | function(){ | ||
+ | $(this).animate({'opacity':'1'},600); | ||
+ | $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){ | ||
+ | $(this).remove(); | ||
+ | }); | ||
+ | } | ||
+ | ).attr('src','images/'+info_elem.find('.info_image').html()).attr('width','800').attr('height','300') | ||
+ | ); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
</head> | </head> |
Revision as of 20:34, 13 September 2012
About Us
Advisors
Advisor 1: Zuhong Lu Advisor 2: Feng Wang Advisor 3: Yunfei Bai
Undergraduate-Organizer
Student 1: Hu Yue Student 2: Wang Li Student 3: Zhang He
Undergraduates-Bioexperimenters
Student 4: Guan Rui Student 5: Mo Dan Student 6: Zeng Shenglan
Undergraduates-Math modeler, Activities planners & Webpage designer
Student 7: Jia Haoruo Student 8: Ye Ye Student 9: Zhao Dadi