Team:Jiangnan/JSmain

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