"
Team:StanfordBrownSpelman/jquery.color
From 2014.igem.org
(Difference between revisions)
Angelofspeed (Talk | contribs) |
Angelofspeed (Talk | contribs) |
||
| (22 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
| - | $("body | + | $("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"); | ||
| Line 37: | Line 41: | ||
if (direction === 'down') { | if (direction === 'down') { | ||
| - | $("body | + | $("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"}); | $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub").css({"color": "black"}); | ||
$("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"); | $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"); | ||
| Line 67: | Line 71: | ||
} | } | ||
else { | else { | ||
| - | $("body | + | $("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"}); | $("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 102: | Line 106: | ||
$("#projectsBox").waypoint(function(direction) { | $("#projectsBox").waypoint(function(direction) { | ||
if (direction === 'down') { | if (direction === 'down') { | ||
| - | $("body | + | $("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"}); | $("div, h1, h2, h3, h4, h5, h6, .sub3, .sub2, a, #title, #footer, .sub").css({"color": "black"}); | ||
$("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"); | $("#cellulosePic").attr("src","https://static.igem.org/mediawiki/2014/6/6f/SBS_iGEM_2014_Cellulose_Icon.png"); | ||
| Line 133: | Line 137: | ||
else { | else { | ||
| - | $("body | + | $("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"}); | $("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"); | ||
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
});
});
