(Created page with "highvisited = false; susvisited = false; broadvisited = false; $(document).ready(function(){ //in first page, readnext $("#readnext").click(function(){ $("body, html").ani...") |
|||
Line 44: | Line 44: | ||
highvisited=true; | highvisited=true; | ||
$("#highmove").animate({height:"0", width:"0", marginTop:"100px", marginRight:"100px"}, 1000, function(){ | $("#highmove").animate({height:"0", width:"0", marginTop:"100px", marginRight:"100px"}, 1000, function(){ | ||
− | $("#highmove").attr("src"," | + | $("#highmove").attr("src","https://static.igem.org/mediawiki/2018/1/17/T--Jiangnan--main--highmove.png"); |
}); | }); | ||
$("#highmove").animate({height:"400px", width:"400px", marginTop:"0px", marginRight:"0px"}, 1000); | $("#highmove").animate({height:"400px", width:"400px", marginTop:"0px", marginRight:"0px"}, 1000); |
Revision as of 14:12, 26 June 2018
highvisited = false; susvisited = false; broadvisited = false; $(document).ready(function(){ //in first page, readnext $("#readnext").click(function(){ $("body, html").animate({scrollTop:708},750); }) //in second page,animate js of three stuff in bottom $("#sus").mouseover(function(){ $("#sus").attr("class", "animated infinite swing"); }); $("#sus").mouseout(function(){ $("#sus").attr("class", ""); }); $("#broad").mouseover(function(){ $("#broad").attr("class", "animated infinite pulse"); }); $("#broad").mouseout(function(){ $("#broad").attr("class", ""); }); $("#high").mouseover(function(){ $("#high").attr("class", "animated infinite rubberBand"); }); $("#high").mouseout(function(){ $("#high").attr("class", ""); }); $("#sus").click(function(){ $('body, html').animate({scrollTop:2100},750); }); $("#high").click(function(){ $('body, html').animate({scrollTop:1400}, 500); }); $("#broad").click(function(){ $('body, html').animate({scrollTop:2800}, 1000); });
$('.scrollspy').scrollSpy();
$(this).scroll(function(){
var currentscroll = document.documentElement.scrollTop; if(!highvisited && currentscroll > 1000 && currentscroll < 1750){ highvisited=true; $("#highmove").animate({height:"0", width:"0", marginTop:"100px", marginRight:"100px"}, 1000, function(){ $("#highmove").attr("src",""); }); $("#highmove").animate({height:"400px", width:"400px", marginTop:"0px", marginRight:"0px"}, 1000); }
if(!susvisited && currentscroll > 1800 && currentscroll < 2400){ susvisited=true; $("#susmove").addClass("animated bounceInUp"); }
if(!broadvisited && currentscroll > 2500 && currentscroll < 3200){ broadvisited=true; $("#broadmove").addClass("animated jello"); }
if(currentscroll < 1200){ $("#sideguide").fadeOut(); }else{ $("#sideguide").fadeIn(); } }) });