Team:StanfordBrownSpelman/jquery.color
From 2014.igem.org
Revision as of 21:13, 21 August 2014 by Angelofspeed (Talk | contribs)
$(document).ready(function() {
$("body, #splash, #content").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600) $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #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"}); $('a').css({"text-decoration": "none"});
/* $("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) $("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, #splash, #content").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, #splash, #content").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, #splash, #content").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 }); });