Team:StanfordBrownSpelman/jquery.color

From 2014.igem.org

Revision as of 17:45, 27 August 2014 by Angelofspeed (Talk | contribs)

$(document).ready(function() {

         $("body, #splash, #content").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},300)
         $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #title, #footer, .sub, #menubar:hover ").css({"color": "white"});
              $("#cellulosePic").attr("src","SBS_iGEM_2014_Cellulose_Icon_white.png");
         $("#hellCellPic").attr("src","SBS_iGEM_2014_Hell_Cell_white.png");
         $("#waterPic").attr("src","SBS_iGEM_2014_Waterproofing_white.png");
         $("#biodegradePic").attr("src","SBS_iGEM_2014_Biodegradation_white.png");
         $("#cellulosePic2").attr("src","SBS_iGEM_2014_drone_icon_white.png");
         $("#teamPic1").attr("src","SBS_iGEM_2014_1_white.png");
         $("#teamPic2").attr("src","SBS_iGEM_2014_2_white.png");
         $("#teamPic3").attr("src","SBS_iGEM_2014_3_white.png");
         $(".cells").css("background-image", "url('SBS_iGEM_2014_cells_white.png ')");
         $(".cells2").css("background-image", "url('SBS_iGEM_2014_cells2_white.png ')");
         $(".cells3").css("background-image", "url('SBS_iGEM_2014_cells3_white.png ')");
         $(".cells4").css("background-image", "url('SBS_iGEM_2014_cells4_white.png ')");
         $(".cells5").css("background-image", "url('SBS_iGEM_2014_cells5_white.png ')");
         $(".cells6").css("background-image",  "url('SBS_iGEM_2014_cells6_white.png ')");
         $(".cells7").css("background-image", "url('SBS_iGEM_2014_cells7_white.png ')");
         $(".cells8").css("background-image", "url('SBS_iGEM_2014_cells8_white.png ')");
         $("a.one:hover").css({'color': '#00ffff'});
         $('a.two:hover').css({"color": "#33cccc"});
         $('a.three:hover').css({"color": "#00ffcc"});
         $('a.four:hover').css({"color": "#33ffcc"});
         $('a.five:hover').css({"color": "#00cc99"});
         $('a.six:hover').css({"color": "#33cc99"});
         $('a.seven:hover').css({"color": "#00cc99"});
         $('a.eight:hover').css({"color": "#00ff99"});
         $('a.nine:hover').css({"color": "#33cc66"});
         $('a.ten:hover').css({"color": "#33ff99"}); 




   $("#place").waypoint(function(direction) {
      if (direction === 'down') {
         $("body, #splash, #content").animate({backgroundColor: 'rgba(255, 255, 255, 1)'},600)
         $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub").css({"color": "black"});
         $("#cellulosePic").attr("src","SBS_iGEM_2014_Cellulose_Icon.png");
         $("#hellCellPic").attr("src","SBS_iGEM_2014_Hell_Cell.png");
         $("#waterPic").attr("src","SBS_iGEM_2014_Waterproofing.png");
         $("#biodegradePic").attr("src","SBS_iGEM_2014_Biodegradation.png");
         $("#cellulosePic2").attr("src","SBS_iGEM_2014_drone_icon.png");
         $("#teamPic1").attr("src","SBS_iGEM_2014_1.png");
         $("#teamPic2").attr("src","SBS_iGEM_2014_2.png");
         $("#teamPic3").attr("src","SBS_iGEM_2014_3.png");
         $(".cells").css("background-image", "url('SBS_iGEM_2014_cells.png ')");
         $(".cells2").css("background-image", "url('SBS_iGEM_2014_cells2.png ')");
         $(".cells3").css("background-image", "url('SBS_iGEM_2014_cells3.png ')");
         $(".cells4").css("background-image", "url('SBS_iGEM_2014_cells4.png ')");
         $(".cells5").css("background-image", "url('SBS_iGEM_2014_cells5.png ')");
         $(".cells6").css("background-image", "url('SBS_iGEM_2014_cells6.png ')");
         $(".cells7").css("background-image", "url('SBS_iGEM_2014_cells7.png ')");
         $(".cells8").css("background-image", "url('SBS_iGEM_2014_cells8.png ')");
         $("a.one:hover").css({'color': '#00ffff'});
         $('a.two:hover').css({"color": "#33cccc"});
         $('a.three:hover').css({"color": "#00ffcc"});
         $('a.four:hover').css({"color": "#33ffcc"});
         $('a.five:hover').css({"color": "#00cc99"});
         $('a.six:hover').css({"color": "#33cc99"});
         $('a.seven:hover').css({"color": "#00cc99"});
         $('a.eight:hover').css({"color": "#00ff99"});
         $('a.nine:hover').css({"color": "#33cc66"});
         $('a.ten:hover').css({"color": "#33ff99"});
      }
      else {
         $("body, #splash, #content").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600)
         $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub ").css({"color": "white"});
         $("#cellulosePic").attr("src","SBS_iGEM_2014_Cellulose_Icon_white.png");
         $("#hellCellPic").attr("src","SBS_iGEM_2014_Hell_Cell_white.png");
         $("#waterPic").attr("src","SBS_iGEM_2014_Waterproofing_white.png");
         $("#biodegradePic").attr("src","SBS_iGEM_2014_Biodegradation_white.png");
         $("#cellulosePic2").attr("src","SBS_iGEM_2014_drone_icon_white.png");
         $("#teamPic1").attr("src","SBS_iGEM_2014_1_white.png");
         $("#teamPic2").attr("src","SBS_iGEM_2014_2_white.png");
         $("#teamPic3").attr("src","SBS_iGEM_2014_3_white.png");
         $(".cells").css("background-image", "url('SBS_iGEM_2014_cells_white.png ')");
         $(".cells2").css("background-image", "url('SBS_iGEM_2014_cells2_white.png ')");
         $(".cells3").css("background-image", "url('SBS_iGEM_2014_cells3_white.png ')");
         $(".cells4").css("background-image", "url('SBS_iGEM_2014_cells4_white.png ')");
         $(".cells5").css("background-image", "url('SBS_iGEM_2014_cells5_white.png ')");
         $(".cells6").css("background-image", "url('SBS_iGEM_2014_cells6_white.png ')");
         $(".cells7").css("background-image", "url('SBS_iGEM_2014_cells7_white.png ')");
         $(".cells8").css("background-image", "url('SBS_iGEM_2014_cells8_white.png ')");
         $("a.one:hover").css({'color': '#00ffff'});
         $('a.two:hover').css({"color": "#33cccc"});
         $('a.three:hover').css({"color": "#00ffcc"});
         $('a.four:hover').css({"color": "#33ffcc"});
         $('a.five:hover').css({"color": "#00cc99"});
         $('a.six:hover').css({"color": "#33cc99"});
         $('a.seven:hover').css({"color": "#00cc99"});
         $('a.eight:hover').css({"color": "#00ff99"});
         $('a.nine:hover').css({"color": "#33cc66"});
         $('a.ten:hover').css({"color": "#33ff99"});
      }
      }, { continuous: false
   });


   $("#projectsBox").waypoint(function(direction) {
      if (direction === 'down') {
         $("body, #splash, #content").animate({backgroundColor: 'rgba(255, 255, 255, 1)'},600)
         $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub").css({"color": "black"});
         $("#cellulosePic").attr("src","SBS_iGEM_2014_Cellulose_Icon.png");
         $("#hellCellPic").attr("src","SBS_iGEM_2014_Hell_Cell.png");
         $("#waterPic").attr("src","SBS_iGEM_2014_Waterproofing.png");
         $("#biodegradePic").attr("src","SBS_iGEM_2014_Biodegradation.png");
         $("#cellulosePic2").attr("src","SBS_iGEM_2014_drone_icon.png");
         $("#teamPic1").attr("src","SBS_iGEM_2014_1.png");
         $("#teamPic2").attr("src","SBS_iGEM_2014_2.png");
         $("#teamPic3").attr("src","SBS_iGEM_2014_3.png");
         $(".cells").css("background-image", "url('SBS_iGEM_2014_cells.png ')");
         $(".cells2").css("background-image", "url('SBS_iGEM_2014_cells2.png ')");
         $(".cells3").css("background-image", "url('SBS_iGEM_2014_cells3.png ')");
         $(".cells4").css("background-image", "url('SBS_iGEM_2014_cells4.png ')");
         $(".cells5").css("background-image", "url('SBS_iGEM_2014_cells5.png ')");
         $(".cells6").css("background-image", "url('SBS_iGEM_2014_cells6.png ')");
         $(".cells7").css("background-image", "url('SBS_iGEM_2014_cells7.png ')");
         $(".cells8").css("background-image", "url('SBS_iGEM_2014_cells8.png ')");
         $("a.one:hover").css({'color': '#00ffff'});
         $('a.two:hover').css({"color": "#33cccc"});
         $('a.three:hover').css({"color": "#00ffcc"});
         $('a.four:hover').css({"color": "#33ffcc"});
         $('a.five:hover').css({"color": "#00cc99"});
         $('a.six:hover').css({"color": "#33cc99"});
         $('a.seven:hover').css({"color": "#00cc99"});
         $('a.eight:hover').css({"color": "#00ff99"});
         $('a.nine:hover').css({"color": "#33cc66"});
         $('a.ten:hover').css({"color": "#33ff99"});
      }
      else {
         $("body, #splash, #content").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600)
         $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub ").css({"color": "white"});
         $("#cellulosePic").attr("src","SBS_iGEM_2014_Cellulose_Icon_white.png");
         $("#hellCellPic").attr("src","SBS_iGEM_2014_Hell_Cell_white.png");
         $("#waterPic").attr("src","SBS_iGEM_2014_Waterproofing_white.png");
         $("#biodegradePic").attr("src","SBS_iGEM_2014_Biodegradation_white.png");
         $("#cellulosePic2").attr("src","SBS_iGEM_2014_drone_icon_white.png");
         $("#teamPic1").attr("src","SBS_iGEM_2014_1_white.png");
         $("#teamPic2").attr("src","SBS_iGEM_2014_2_white.png");
         $("#teamPic3").attr("src","SBS_iGEM_2014_3_white.png");
         $(".cells").css("background-image", "url('SBS_iGEM_2014_cells_white.png ')");
         $(".cells2").css("background-image", "url('SBS_iGEM_2014_cells2_white.png ')");
         $(".cells3").css("background-image", "url('SBS_iGEM_2014_cells3_white.png ')");
         $(".cells4").css("background-image", "url('SBS_iGEM_2014_cells4_white.png ')");
         $(".cells5").css("background-image", "url('SBS_iGEM_2014_cells5_white.png ')");
         $(".cells6").css("background-image", "url('SBS_iGEM_2014_cells6_white.png ')");
         $(".cells7").css("background-image", "url('SBS_iGEM_2014_cells7_white.png ')");
         $(".cells8").css("background-image", "url('SBS_iGEM_2014_cells8_white.png ')");
         $("a.one:hover").css({'color': '#00ffff'});
         $('a.two:hover').css({"color": "#33cccc"});
         $('a.three:hover').css({"color": "#00ffcc"});
         $('a.four:hover').css({"color": "#33ffcc"});
         $('a.five:hover').css({"color": "#00cc99"});
         $('a.six:hover').css({"color": "#33cc99"});
         $('a.seven:hover').css({"color": "#00cc99"});
         $('a.eight:hover').css({"color": "#00ff99"});
         $('a.nine:hover').css({"color": "#33cc66"});
         $('a.ten:hover').css({"color": "#33ff99"});
      }
      }, { continuous: false
   });
   });