Team:StanfordBrownSpelman/jquery.color
From 2014.igem.org
(Difference between revisions)
Angelofspeed (Talk | contribs) |
Angelofspeed (Talk | contribs) |
||
Line 2: | Line 2: | ||
$("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 ").css({"color": "white"}); | $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #footer, .sub, #menubar:hover ").css({"color": "white"}); | ||
- | $("#menubar li").css({"color": "black"}); | + | $("#menubar li a, #menubar li").css({"color": "black"}); |
Revision as of 18:24, 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 ").css({"color": "white"});
$("#menubar li a, #menubar li").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"});
$("#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 }); });