"
Team:StanfordBrownSpelman/jquery.color
From 2014.igem.org
(Difference between revisions)
Angelofspeed (Talk | contribs) |
Angelofspeed (Talk | contribs) |
||
| Line 1: | Line 1: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
$("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, #title, #footer, .sub, #menubar:hover ").css({"color": " | + | $("div, h1, h2, h3, h4, h5, h6, .sub3, a, .sub2, #title, #footer, .sub, #menubar:hover ").css({"color": "orange"}); |
$("#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"); | ||
Revision as of 20:35, 27 August 2014
$(document).ready(function() {
$("body").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": "orange"});
$("#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
});
});
