Difference between revisions of "Team:Jiangnan/JSmain"

Line 43: Line 43:
 
if(!highvisited && currentscroll > 1000 && currentscroll < 1750){
 
if(!highvisited && currentscroll > 1000 && currentscroll < 1750){
 
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","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").fadeOut('slow', function(){
 
$("#highmove").attr("src","https://static.igem.org/mediawiki/2018/1/17/T--Jiangnan--main--highmove.png");
 
$("#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").fadeIn();
 
}
 
}
  

Revision as of 15:59, 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","T--Jiangnan--main--highmove.png"); //}); //$("#highmove").animate({height:"400px", width:"400px", marginTop:"0px", marginRight:"0px"}, 1000); $("#highmove").fadeOut('slow', function(){ $("#highmove").attr("src","T--Jiangnan--main--highmove.png"); }); $("#highmove").fadeIn(); }

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(); } }) });