Team:Peking
From 2013.igem.org
(Difference between revisions)
XingjiePan (Talk | contribs) |
XingjiePan (Talk | contribs) |
||
Line 275: | Line 275: | ||
<img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/e/e9/Sponsers.jpg"> | <img id="AcknowledgementBox" src="https://static.igem.org/mediawiki/igem.org/e/e9/Sponsers.jpg"> | ||
<!--end of acknowledgement box--> | <!--end of acknowledgement box--> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | function ChangeSlide(CurrentSlideId,NewSlideId) | ||
+ | {if(CurrentSlideId!=NewSlideId){ | ||
+ | $(NewSlideId).fadeOut(0); | ||
+ | $(NewSlideId).removeClass("inactivated_slide"); | ||
+ | $(NewSlideId).addClass("transitional_slide"); | ||
+ | $(NewSlideId).fadeIn(function(){ | ||
+ | $(CurrentSlideId).removeClass("activated_slide"); | ||
+ | $(CurrentSlideId).addClass("inactivated_slide"); | ||
+ | $(NewSlideId).removeClass("transitional_slide"); | ||
+ | $(NewSlideId).addClass("activated_slide"); | ||
+ | }); | ||
+ | } | ||
+ | } | ||
+ | function ChangeSlideList(CurrentLeftId,CurrentMiddleId,CurrentRightId,NewMiddleId) | ||
+ | { | ||
+ | if(CurrentLeftId==NewMiddleId) | ||
+ | { | ||
+ | $(CurrentRightId).fadeOut(0); | ||
+ | $(CurrentMiddleId).animate({left:"600px",fontSize:'30px',fontWeight:'normal'},function(){ | ||
+ | $(CurrentMiddleId).removeClass("middle_slide_list_item"); | ||
+ | $(CurrentMiddleId).css({left:"600px",fontSize:'30px',fontWeight:'normal'}); | ||
+ | $(CurrentMiddleId).addClass("right_slide_list_item"); | ||
+ | }); | ||
+ | $(CurrentLeftId).animate({left:"400px",fontSize:'40px',fontWeight:'bold'},function(){ | ||
+ | $(CurrentLeftId).removeClass("left_slide_list_item"); | ||
+ | $(CurrentLeftId).css({left:"400px",fontSize:'40px',fontWeight:'bold'}); | ||
+ | $(CurrentLeftId).addClass("middle_slide_list_item"); | ||
+ | |||
+ | $(CurrentRightId).removeClass("right_slide_list_item"); | ||
+ | $(CurrentRightId).css({left:"270px",fontSize:'30px',fontWeight:'normal'}); | ||
+ | $(CurrentRightId).addClass("left_slide_list_item"); | ||
+ | $(CurrentRightId).fadeIn(0); | ||
+ | }); | ||
+ | |||
+ | } | ||
+ | else if(CurrentRightId==NewMiddleId) | ||
+ | { | ||
+ | |||
+ | $(CurrentLeftId).fadeOut(0); | ||
+ | $(CurrentMiddleId).animate({left:"270px",fontSize:'30px',fontWeight:'normal'},function(){ | ||
+ | $(CurrentMiddleId).removeClass("middle_slide_list_item"); | ||
+ | $(CurrentMiddleId).css({left:"270px",fontSize:'30px',fontWeight:'normal'}); | ||
+ | $(CurrentMiddleId).addClass("left_slide_list_item"); | ||
+ | }); | ||
+ | $(CurrentRightId).animate({left:"400px",fontSize:'40px',fontWeight:'bold'},function(){ | ||
+ | $(CurrentRightId).removeClass("right_slide_list_item"); | ||
+ | $(CurrentRightId).css({left:"400px",fontSize:'40px',fontWeight:'bold'}); | ||
+ | $(CurrentRightId).addClass("middle_slide_list_item"); | ||
+ | |||
+ | $(CurrentLeftId).removeClass("left_slide_list_item"); | ||
+ | $(CurrentLeftId).css({left:"600px",fontSize:'30px',fontWeight:'normal'}); | ||
+ | $(CurrentLeftId).addClass("right_slide_list_item"); | ||
+ | $(CurrentLeftId).fadeIn(0); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | $("#slide_list-1").click(function(){ | ||
+ | ChangeSlide("#"+$(".activated_slide").attr("id"),"#slide-1"); | ||
+ | ChangeSlideList("#"+$(".left_slide_list_item").attr("id"), | ||
+ | "#"+$(".middle_slide_list_item").attr("id"), | ||
+ | "#"+$(".right_slide_list_item").attr("id"), | ||
+ | "#slide_list-1"); | ||
+ | }); | ||
+ | $("#slide_list-2").click(function(){ | ||
+ | ChangeSlide("#"+$(".activated_slide").attr("id"),"#slide-2"); | ||
+ | ChangeSlideList("#"+$(".left_slide_list_item").attr("id"), | ||
+ | "#"+$(".middle_slide_list_item").attr("id"), | ||
+ | "#"+$(".right_slide_list_item").attr("id"), | ||
+ | "#slide_list-2"); | ||
+ | }); | ||
+ | $("#slide_list-3").click(function(){ | ||
+ | ChangeSlide("#"+$(".activated_slide").attr("id"),"#slide-3"); | ||
+ | ChangeSlideList("#"+$(".left_slide_list_item").attr("id"), | ||
+ | "#"+$(".middle_slide_list_item").attr("id"), | ||
+ | "#"+$(".right_slide_list_item").attr("id"), | ||
+ | "#slide_list-3"); | ||
+ | }); | ||
+ | </script> | ||
</html> | </html> |
Revision as of 04:50, 5 August 2013