"
Team:StanfordBrownSpelman/jquery.color
From 2014.igem.org
(Difference between revisions)
Angelofspeed (Talk | contribs) |
Angelofspeed (Talk | contribs) |
||
| Line 87: | Line 87: | ||
} | } | ||
else { | else { | ||
| - | $("body, #splash").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600) | + | $("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"}); | $("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"); | $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png"); | ||
| Line 153: | Line 153: | ||
else { | else { | ||
| - | $("body, #splash | + | $("body, #splash").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},600) |
$("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub ").css({"color": "white"}); | $("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"); | $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/4/48/SBS_iGEM_2014_Cellulose_Icon_white.png"); | ||
Revision as of 18:13, 21 August 2014
$(document).ready(function() {
$("body, #splash").animate({backgroundColor: 'rgba(0, 0, 0, 1)'},800)
$("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"});
/* $("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").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").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
});
});
