Team:StanfordBrownSpelman/jquery.color

From 2014.igem.org

Revision as of 23:34, 11 August 2014

$(document).ready(function() {

         $("body, #splash").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},800)
         $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #title, #footer, .sub ").css({"color": "white"});
              $("#cellulosePic").attr("src","");
         $("#hellCellPic").attr("src","");
         $("#waterPic").attr("src","");
         $("#biodegradePic").attr("src","");
         $("#cellulosePic2").attr("src","");
         $("#teamPic1").attr("src","");
         $("#teamPic2").attr("src","");
         $("#teamPic3").attr("src","");
         $(".cells").css("background-image", "url(' ')");
         $(".cells2").css("background-image", "url(' ')");
         $(".cells3").css("background-image", "url(' ')");
         $(".cells4").css("background-image", "url(' ')");
         $(".cells5").css("background-image", "url(' ')");
         $(".cells6").css("background-image",  "url(' ')");
         $(".cells7").css("background-image", "url(' ')");
         $(".cells8").css("background-image", "url(' ')");
         $("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"});

/*   $("testdsadsa").waypoint(function(direction) {
      if (direction === 'down') {
         $("body").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},800)
      }
      else {
         $("body").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},800)
         }
      }, { continuous: false

   });

   $("#blank").waypoint(function(direction) {
      if (direction === 'down') {
         $("body").animate({backgroundColor: 'rgba(0, 0, 0, 0.5)'},800)
      }
      else {
         $("body").animate({backgroundColor: 'rgba(0, 0, 0, 0.5)'},800)
      }
      }, { continuous: false
   });

• /

   $("#place").waypoint(function(direction) {

      if (direction === 'down') {
         $("body, #splash").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","");
         $("#hellCellPic").attr("src","");
         $("#waterPic").attr("src","");
         $("#biodegradePic").attr("src","");
         $("#cellulosePic2").attr("src","");
         $("#teamPic1").attr("src","");
         $("#teamPic2").attr("src","");
         $("#teamPic3").attr("src","");
         $(".cells").css("background-image", "url(' ')");
         $(".cells2").css("background-image", "url(' ')");
         $(".cells3").css("background-image", "url(' ')");
         $(".cells4").css("background-image", "url(' ')");
         $(".cells5").css("background-image", "url(' ')");
         $(".cells6").css("background-image", "url(' ')");
         $(".cells7").css("background-image", "url(' ')");
         $(".cells8").css("background-image", "url(' ')");
         $("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").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","");
         $("#hellCellPic").attr("src","");
         $("#waterPic").attr("src","");
         $("#biodegradePic").attr("src","");
         $("#cellulosePic2").attr("src","");
         $("#teamPic1").attr("src","");
         $("#teamPic2").attr("src","");
         $("#teamPic3").attr("src","");
         $(".cells").css("background-image", "url(' ')");
         $(".cells2").css("background-image", "url(' ')");
         $(".cells3").css("background-image", "url(' ')");
         $(".cells4").css("background-image", "url(' ')");
         $(".cells5").css("background-image", "url(' ')");
         $(".cells6").css("background-image", "url(' ')");
         $(".cells7").css("background-image", "url(' ')");
         $(".cells8").css("background-image", "url(' ')");
         $("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").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","");
         $("#hellCellPic").attr("src","");
         $("#waterPic").attr("src","");
         $("#biodegradePic").attr("src","");
         $("#cellulosePic2").attr("src","");
         $("#teamPic1").attr("src","");
         $("#teamPic2").attr("src","");
         $("#teamPic3").attr("src","");
         $(".cells").css("background-image", "url(' ')");
         $(".cells2").css("background-image", "url(' ')");
         $(".cells3").css("background-image", "url(' ')");
         $(".cells4").css("background-image", "url(' ')");
         $(".cells5").css("background-image", "url(' ')");
         $(".cells6").css("background-image", "url(' ')");
         $(".cells7").css("background-image", "url(' ')");
         $(".cells8").css("background-image", "url(' ')");
         $("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").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","");
         $("#hellCellPic").attr("src","");
         $("#waterPic").attr("src","");
         $("#biodegradePic").attr("src","");
         $("#cellulosePic2").attr("src","");
         $("#teamPic1").attr("src","");
         $("#teamPic2").attr("src","");
         $("#teamPic3").attr("src","");
         $(".cells").css("background-image", "url(' ')");
         $(".cells2").css("background-image", "url(' ')");
         $(".cells3").css("background-image", "url(' ')");
         $(".cells4").css("background-image", "url(' ')");
         $(".cells5").css("background-image", "url(' ')");
         $(".cells6").css("background-image", "url(' ')");
         $(".cells7").css("background-image", "url(' ')");
         $(".cells8").css("background-image", "url(' ')");
         $("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
   });
   });