Team:StanfordBrownSpelman/jquery.color

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 1: Line 1:
$(document).ready(function() {
$(document).ready(function() {
-
           $("body, #splash").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, #title, #footer, .sub, #menubar:hover ").css({"color": "white"});
+
           $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #footer, .sub, #menubar:hover, #menubar:hover li").css({"color": "white"});
 +
$("#menubar li a, #menubar li").css({"color": "black"});
 +
$("#menubar:hover ul").css({"color": "white"});
 +
 
 +
 
               $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");
               $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");
           $("#hellCellPic").attr("src","https://static.igem.org/mediawiki/2014/e/e9/SBS_iGEM_2014_Hell_Cell_white.png");
           $("#hellCellPic").attr("src","https://static.igem.org/mediawiki/2014/e/e9/SBS_iGEM_2014_Hell_Cell_white.png");
Line 37: Line 41:
       if (direction === 'down') {
       if (direction === 'down') {
-
           $("body, #splash, #content").animate({backgroundColor: 'rgba(255, 255, 255, 1)'},600)
+
           $("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"});
           $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub").css({"color": "black"});
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png");
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png");
Line 67: Line 71:
       }
       }
       else {
       else {
-
           $("body, #splash, #content").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600)
+
           $("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"});
           $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub ").css({"color": "white"});
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");
Line 102: Line 106:
     $("#projectsBox").waypoint(function(direction) {
     $("#projectsBox").waypoint(function(direction) {
       if (direction === 'down') {
       if (direction === 'down') {
-
           $("body, #splash, #content").animate({backgroundColor: 'rgba(255, 255, 255, 1)'},600)
+
           $("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"});
           $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub").css({"color": "black"});
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png");
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png");
Line 133: Line 137:
       else {
       else {
-
           $("body, #splash, #content").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600)
+
           $("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"});
           $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub ").css({"color": "white"});
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");
           $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");

Latest revision as of 18:35, 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").css({"color": "white"});

$("#menubar li a, #menubar li").css({"color": "black"}); $("#menubar:hover ul").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").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
   });
   });