Team:SYSU-Software/prefix.js

From 2013.igem.org

(Difference between revisions)
Line 51: Line 51:
}
}
};
};
 +
        topbtn.focus(function(){
 +
topbtn.addClass("focustop");
 +
 +
});
topbtn.click(function(){
topbtn.click(function(){
var scrollTop = 0;
var scrollTop = 0;

Revision as of 14:18, 27 October 2013

window.onload = function(){ $.ajax({ url: "/Team:SYSU-Software/header", cache: false, success: function(html){ $("#navigation").append($(html).find(".row").html()); var url = window.location.href;

if(url == "https://2013.igem.org/Team:SYSU-Software") { $(".nav-li:first").addClass("active"); } else if((url == "https://2013.igem.org/Team:SYSU-Software/overview") || (url == "https://2013.igem.org/Team:SYSU-Software/demo") || (url == "https://2013.igem.org/Team:SYSU-Software/download") || (url == "https://2013.igem.org/Team:SYSU-Software/part1") || (url == "https://2013.igem.org/Team:SYSU-Software/part2") || (url == "https://2013.igem.org/Team:SYSU-Software/part3")) $(".nav-li:eq(1)").addClass("active"); else if((url == "https://2013.igem.org/Team:SYSU-Software/model") || (url == "https://2013.igem.org/Team:SYSU-Software/notebook")|| (url == "https://2013.igem.org/Team:SYSU-Software/tutorial")) $(".nav-li:eq(2)").addClass("active"); else if((url == "https://2013.igem.org/Team:SYSU-Software/require")|| (url == "https://2013.igem.org/Team:SYSU-Software/saft")|| (url == "https://2013.igem.org/Team:SYSU-Software/colla")) $(".nav-li:eq(3)").addClass("active"); else if((url == "https://2013.igem.org/Team:SYSU-Software/humanpra")) $(".nav-li:eq(4)").addClass("active"); else if((url == "https://2013.igem.org/Team:SYSU-Software/team")) $(".nav-li:eq(5)").addClass("active"); } }); $.ajax({ url: "/Team:SYSU-Software/footer", cache: false, success: function(html){ $("footer").append($(html).find("footer").html()); } }); }


$(document).ready(function() {

$("#navigation").after("
");

var topbtn = $("#totop"); var lastScroll = 0; topbtn.css("display", "none"); console.log(topbtn); window.onscroll = function(){ var top = $(window).scrollTop(); console.log($(window).scrollTop()); if(top > 0){ topbtn.css("display", ""); } if(top == 0){ topbtn.css("display", "none"); } };

       topbtn.focus(function(){

topbtn.addClass("focustop");

}); topbtn.click(function(){ var scrollTop = 0; var curPos = $(window).scrollTop(); topbtn.addClass("movingtotop"); var step = Math.abs(scrollTop - curPos) / 200 ; var tid = setInterval(function() { topbtn.toggleClass("movingtotop"); if (curPos > scrollTop + 14) { curPos -= step; step = step * 1.05; window.scrollTo(0, curPos); } else if (curPos <= scrollTop + 14){ window.scrollTo(0, scrollTop); topbtn.removeClass("movingtotop"); clearInterval(tid); } }, 0.01); });

});