Team:StanfordBrownSpelman/jquery.color

From 2014.igem.org

(Difference between revisions)

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","");
         $("#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"});

   $("#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","");
         $("#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").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").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").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
   });
   });

@@ Line 1: / Line 1: @@
 $(document).ready(function() {
-           $("#magic, #content").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600)
+           $("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");
            $("#hellCellPic").attr("src","https://static.igem.org/mediawiki/2014/e/e9/SBS_iGEM_2014_Hell_Cell_white.png");
@@ Line 27: / Line 31: @@
            $('a.eight:hover').css({"color": "#00ff99"});
            $('a.nine:hover').css({"color": "#33cc66"});
            $('a.ten:hover').css({"color": "#33ff99"});
- $('a').css({"text-decoration": "none"});
@@ Line 34: / Line 37: @@
- /*   $("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, #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"});
            $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png");
@@ Line 88: / Line 71: @@
         }
         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"});
            $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");
@@ Line 123: / Line 106: @@
      $("#projectsBox").waypoint(function(direction) {
         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"});
            $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png");
@@ Line 154: / Line 137: @@
         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"});
            $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png");