Team:StanfordBrownSpelman/jquery.color
From 2014.igem.org
Revision as of 17:46, 27 August 2014 by Angelofspeed (Talk | contribs)
$(document).ready(function() {
$("body, #splash, #content").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"}); $("#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, #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 }); });