Team:StanfordBrownSpelman/jquery.color

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
$(document).ready(function() {
$(document).ready(function() {
           $("body").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},450)
           $("body").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},450)
-
           $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #footer, .sub, #menubar:hover, #menubar li:hover, #menubar li a:hover ").css({"color": "white"});
+
           $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #footer, .sub, #menubar:hover, #menubar:hover li a").css({"color": "white"});
$("#menubar li a, #menubar li").css({"color": "black"});  
$("#menubar li a, #menubar li").css({"color": "black"});  

Revision as of 18:26, 29 August 2014

$(document).ready(function() { 

         $("body").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},450)
         $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #footer, .sub, #menubar:hover, #menubar:hover li a").css({"color": "white"});

$("#menubar li a, #menubar li").css({"color": "black"}); 


              $("#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").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").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").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").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
   });
   });
Retrieved from "http://2014.igem.org/Team:StanfordBrownSpelman/jquery.color"