Team:StanfordBrownSpelman/jquery.color
From 2014.igem.org
(Difference between revisions)
Angelofspeed (Talk | contribs) |
Angelofspeed (Talk | contribs) |
||
(16 intermediate revisions not shown) | |||
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 | + | $("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"); |
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 }); });