Team:XMU Software/Team/js

From 2013.igem.org

Revision as of 01:55, 27 October 2013 by LiKaiQiu (Talk | contribs)

/*member.js*****************************************************************************************/ function movetotop(){ h = window.innerHeight-180; t = $("#xmu_body").scrollTop(); if(t > h){ $('#team_navi6').show(); $('#notebook_navi5').show(); $('#safety_navi3').show(); $('#project_navi6').show(); $('#outreach6').show(); }else{ $('#team_navi6').hide(); $('#notebook_navi5').hide(); $('#safety_navi3').hide(); $('#project_navi6').hide(); $('#outreach6').hide(); } } member_jjj_iii_ooo1= 0; member_jjj_iii_ooo2= 0; member_jjj_iii_ooo3= 0; member_jjj_iii_ooo4= 0; member_jjj_iii_ooo5= 0; member_jjj_iii_ooo6= 0; member_jjj_iii_ooo7= 0; member_jjj_iii_ooo8= 0; member_jjj_iii_ooo9= 0; member_jjj_iii_ooo10= 0; member_jjj_iii_ooo11= 0; function over1(){ member_jjj_iii_ooo1= 0;

   $("#T1").fadeTo("slow",0.5);
   $("#TT1").animate({
      top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w1").show().animate({top:'430px',left:'920px',zIndex:'5',},30).animate({

           top:'430px',

left:'820px', zIndex:'6',

       },200,function(){

$("#ww1").show().animate({ top:'546px', left:'814px', zIndex:'5', },30).animate({ top:'506px', left:'814px', zIndex:'6', },200,function(){ $("#www1").show().animate({ top:'635px', left:'828px', zIndex:'5', },30).animate({ top:'575px', left:'828px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo1==1) { out1(); } }) } )}) });

} function out1(){ member_jjj_iii_ooo1=1; $("#T1").fadeTo("slow",1); $("#TT1").animate({ top:'270px', height:'150px', left:'620px', }) document.getElementById("w1").style.display="none"; document.getElementById("ww1").style.display="none"; document.getElementById("www1").style.display="none";

} function over2(){ member_jjj_iii_ooo2= 0; $("#T2").fadeTo("slow",0.5);

   $("#TT2").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w2").show().animate({ top:'430px', left:'920px', zIndex:'5', },30).animate({

           top:'430px',

left:'820px', zIndex:'6',

       },200,function(){

$("#ww2").show().animate({ top:'546px', left:'914px', zIndex:'5', },30).animate({ top:'506px', left:'814px', zIndex:'6', },200,function(){ $("#www2").show().animate({ top:'635px', left:'928px', zIndex:'5', },30).animate({ top:'575px', left:'828px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo2==1) { out2(); } }) } )}) } )

} function out2(){ member_jjj_iii_ooo2=1; $("#T2").fadeTo("slow",1);

   $("#TT2").animate({
    top:'320px',
    height:'150px',
    left:'480px',

}) document.getElementById("w2").style.display="none"; document.getElementById("ww2").style.display="none"; document.getElementById("www2").style.display="none";

} function over3(){ member_jjj_iii_ooo3= 0; $("#T3").fadeTo("slow",0.5);

   $("#TT3").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w3").show().animate({ top:'425px', left:'41px', zIndex:'5', },30).animate({

           top:'425px',

left:'61px', zIndex:'6',

       },200,function(){

$("#ww3").show().animate({ top:'542px', left:'34px', zIndex:'5', },30).animate({ top:'502px', left:'54px', zIndex:'6', },200,function(){ $("#www3").show().animate({ top:'631px', left:'48px', zIndex:'5', },30).animate({ top:'571px', left:'68px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo3==1) { out3(); } }) } )}) } );

} function out3(){ member_jjj_iii_ooo3=1; $("#T3").fadeTo("slow",1); $("#TT3").animate({

    top:'320px',
    height:'150px',
    left:'760px',

}) document.getElementById("w3").style.display="none"; document.getElementById("ww3").style.display="none"; document.getElementById("www3").style.display="none";

} function over4(){member_jjj_iii_ooo4= 0; $("#T4").fadeTo("slow",0.5);

   $("#TT4").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w4").show().animate({ top:'430px', left:'920px', zIndex:'5', },30).animate({

           top:'430px',

left:'820px', zIndex:'6',

       },200,function(){

$("#ww4").show().animate({ top:'546px', left:'914px', zIndex:'5', },30).animate({ top:'506px', left:'814px', zIndex:'6', },200,function(){ $("#www4").show().animate({ top:'635px', left:'928px', zIndex:'5', },30).animate({ top:'575px', left:'828px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo4==1) { out4(); } }) } )}) } );

} function out4(){ member_jjj_iii_ooo4=1; $("#T4").fadeTo("slow",1);

   $("#TT4").animate({
    top:'430px',
    height:'150px',
    left:'380px',

}) document.getElementById("w4").style.display="none"; document.getElementById("ww4").style.display="none"; document.getElementById("www4").style.display="none";

} function over5(){member_jjj_iii_ooo5= 0; $("#T5").fadeTo("slow",0.5);

   $("#TT5").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w5").show().animate({ top:'425px', left:'41px', zIndex:'5', },30).animate({

           top:'425px',

left:'61px', zIndex:'6',

       },200,function(){

$("#ww5").show().animate({ top:'542px', left:'34px', zIndex:'5', },30).animate({ top:'502px', left:'54px', zIndex:'6', },200,function(){ $("#www5").show().animate({ top:'631px', left:'48px', zIndex:'5', },30).animate({ top:'571px', left:'68px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo5==1) { out5(); } }) } )}) } );

} function out5(){ member_jjj_iii_ooo5=1; $("#T5").fadeTo("slow",1);

   $("#TT5").animate({
    top:'430px',
    height:'150px',
    left:'860px',

}) document.getElementById("w5").style.display="none"; document.getElementById("ww5").style.display="none"; document.getElementById("www5").style.display="none";

} function over6(){member_jjj_iii_ooo6= 0; $("#T6").fadeTo("slow",0.5);

   $("#TT6").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w6").show().animate({ top:'430px', left:'920px', zIndex:'5', },30).animate({

           top:'430px',

left:'820px', zIndex:'6',

       },200,function(){

$("#ww6").show().animate({ top:'546px', left:'914px', zIndex:'5', },30).animate({ top:'506px', left:'814px', zIndex:'6', },200,function(){ $("#www6").show().animate({ top:'635px', left:'928px', zIndex:'5', },30).animate({ top:'575px', left:'828px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo6==1) { out6(); } }) } )}) } );

} function out6(){ member_jjj_iii_ooo6=1; $("#T6").fadeTo("slow",1);

   $("#TT6").animate({
    top:'580px',
    height:'150px',
    left:'365px',

}) document.getElementById("w6").style.display="none"; document.getElementById("ww6").style.display="none"; document.getElementById("www6").style.display="none";

} function over7(){member_jjj_iii_ooo7= 0; $("#T7").fadeTo("slow",0.5);

   $("#TT7").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w7").show().animate({ top:'425px', left:'41px', zIndex:'5', },30).animate({

           top:'425px',

left:'61px', zIndex:'6',

       },200,function(){

$("#ww7").show().animate({ top:'542px', left:'34px', zIndex:'5', },30).animate({ top:'502px', left:'54px', zIndex:'6', },200,function(){ $("#www7").show().animate({ top:'631px', left:'48px', zIndex:'5', },30).animate({ top:'571px', left:'68px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo7==1) { out7(); } }) } )}) } );

} function out7(){ member_jjj_iii_ooo7=1; $("#T7").fadeTo("slow",1);

   $("#TT7").animate({
    top:'580px',
    height:'150px',
    left:'875px',

}) document.getElementById("w7").style.display="none"; document.getElementById("ww7").style.display="none"; document.getElementById("www7").style.display="none";


} function over8(){member_jjj_iii_ooo8= 0; $("#T8").fadeTo("slow",0.5);

   $("#TT8").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w8").show().animate({ top:'430px', left:'920px', zIndex:'5', },30).animate({

           top:'430px',

left:'820px', zIndex:'6',

       },200,function(){

$("#ww8").show().animate({ top:'546px', left:'914px', zIndex:'5', },30).animate({ top:'506px', left:'814px', zIndex:'6', },200,function(){ $("#www8").show().animate({ top:'635px', left:'928px', zIndex:'5', },30).animate({ top:'575px', left:'828px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo8==1) { out8(); } }) } )}) } );

} function out8(){ member_jjj_iii_ooo8=1; $("#T8").fadeTo("slow",1);

   $("#TT8").animate({
    top:'720px',
    height:'150px',
    left:'420px',

}) document.getElementById("w8").style.display="none"; document.getElementById("ww8").style.display="none"; document.getElementById("www8").style.display="none";

} function over9(){member_jjj_iii_ooo9= 0; $("#T9").fadeTo("slow",0.5);

   $("#TT9").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w9").show().animate({ top:'425px', left:'41px', zIndex:'5', },30).animate({

           top:'425px',

left:'61px', zIndex:'6',

       },200,function(){

$("#ww9").show().animate({ top:'542px', left:'34px', zIndex:'5', },30).animate({ top:'502px', left:'54px', zIndex:'6', },200,function(){ $("#www9").show().animate({ top:'631px', left:'48px', zIndex:'5', },30).animate({ top:'571px', left:'68px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo9==1) { out9(); } }) } )}) } );

} function out9(){ member_jjj_iii_ooo9=1; $("#T9").fadeTo("slow",1);

   $("#TT9").animate({
    top:'720px',
    height:'150px',
    left:'820px',

}) document.getElementById("w9").style.display="none"; document.getElementById("ww9").style.display="none"; document.getElementById("www9").style.display="none";

} function over10(){member_jjj_iii_ooo10= 0; $("#T10").fadeTo("slow",0.5);

   $("#TT10").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w10").show().animate({ top:'430px', left:'920px', zIndex:'5', },30).animate({

           top:'430px',

left:'820px', zIndex:'6',

       },200,function(){

$("#ww10").show().animate({ top:'546px', left:'914px', zIndex:'5', },30).animate({ top:'506px', left:'814px', zIndex:'6', },200,function(){ $("#www10").show().animate({ top:'635px', left:'928px', zIndex:'5', },30).animate({ top:'575px', left:'828px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo10==1) { out10(); } }) } )}) } );

} function out10(){ member_jjj_iii_ooo10=1; $("#T10").fadeTo("slow",1);

   $("#TT10").animate({
    top:'810px',
    height:'150px',
    left:'545px',

}) document.getElementById("w10").style.display="none"; document.getElementById("ww10").style.display="none"; document.getElementById("www10").style.display="none";

} function over11(){member_jjj_iii_ooo11= 0; $("#T11").fadeTo("slow",0.5);

   $("#TT11").animate({
   top:'475px',

height:'295px', left:'555px', },"fast", function (){ $("#w11").show().animate({ top:'425px', left:'41px', zIndex:'5', },30).animate({

           top:'425px',

left:'61px', zIndex:'6',

       },200,function(){

$("#ww11").show().animate({ top:'542px', left:'34px', zIndex:'5', },30).animate({ top:'502px', left:'54px', zIndex:'6', },200,function(){ $("#www11").show().animate({ top:'631px', left:'48px', zIndex:'5', },30).animate({ top:'571px', left:'68px', zIndex:'6', },500,function(){ if(member_jjj_iii_ooo11==1) { out11(); } }) } )}) } ); } function out11(){ member_jjj_iii_ooo11=1; $("#T11").fadeTo("slow",1);

   $("#TT11").animate({
    top:'810px',
    height:'150px',
    left:'695px',

}) document.getElementById("w11").style.display="none"; document.getElementById("ww11").style.display="none"; document.getElementById("www11").style.display="none";

} $(document).ready(function(e) { movetotop(); $('#team_navi6').click(function(){ $("#xmu_body").scrollTop(0); })

}); function navi1(){ document.getElementById("team_navi1").style.background="#ffd200";

} function navi11(){ document.getElementById("team_navi1").style.background="#b3d465";

} function navi2(){ document.getElementById("team_navi2").style.background="#ffd200";

} function navi21(){ document.getElementById("team_navi2").style.background="#b3d465";

} function navi3(){ document.getElementById("team_navi3").style.background="#ffd200";

} function navi31(){ document.getElementById("team_navi3").style.background="#b3d465";

} function navi4(){ document.getElementById("team_navi4").style.background="#ffd200";

} function navi41(){ document.getElementById("team_navi4").style.background="#b3d465";

} function navi5(){ document.getElementById("team_navi5").style.background="#ffd200";

} function navi51(){ document.getElementById("team_navi5").style.background="#b3d465";

} function navi6(){

document.getElementById("team_navi6").style.background="#ffd200"; } function navi61(){

document.getElementById("team_navi6").style.background="#b3d465"; }