Team:NYMU-Taipei/menu.js
From 2014.igem.org
(Difference between revisions)
m |
m |
||
Line 26: | Line 26: | ||
if(window.location.pathname=='/Team:NYMU-Taipei'){ | if(window.location.pathname=='/Team:NYMU-Taipei'){ | ||
$('#menu').css({ | $('#menu').css({ | ||
- | marginTop:-y, | + | marginTop:14-y, |
}); | }); | ||
return ; | return ; | ||
Line 69: | Line 69: | ||
var PageFunction=function(toUrl){ | var PageFunction=function(toUrl){ | ||
+ | $('#menu').css({'margin-top':'240px'}); | ||
if(toUrl=='/Team:NYMU-Taipei/team/member'){ | if(toUrl=='/Team:NYMU-Taipei/team/member'){ | ||
teamMemFunc(); | teamMemFunc(); | ||
Line 76: | Line 77: | ||
} | } | ||
else if(toUrl=='/Team:NYMU-Taipei'){ | else if(toUrl=='/Team:NYMU-Taipei'){ | ||
+ | $('#menu').css({'margin-top':'14px'}); | ||
HomeFunc(); | HomeFunc(); | ||
} | } |
Revision as of 03:57, 29 June 2014
$( document ).ready(function() {
$('#menu > ul > li') .on('mouseenter', function(){ clearTimeout($.data(this,'timer')); $(this).find('ul').stop(true,true).slideDown(200); if($(this).hasClass('now')) return ; $(this).find('a > span').stop(true,true).animate({opacity: '1'}, 300); }) .on('mouseleave', function(){ $.data(this,'timer', setTimeout($.proxy(function() { $(this).find('ul').stop(true,true).slideUp(200); }, this), 100)); if($(this).hasClass('now')) return ; $(this).find('a > span').stop(true,true).animate({opacity: '0'}, 500); }) .click( function(){ $('#menu > ul > li').removeClass('now'); $(this).addClass('now'); $(this).find('a > span').stop(true,true).animate({opacity: '1'}, 300); $('#menu > ul > li').not(this).find('a > span').css({opacity: '0'}); }); $(window).scroll(function (event){ var y = $(this).scrollTop(); if(window.location.pathname=='/Team:NYMU-Taipei'){ $('#menu').css({ marginTop:14-y, }); return ; } else if(y>240){ $('#menu').css({ marginTop:0, }); } else{ $('#menu').css({ marginTop:240-y, }); } }); $(window).bind('popstate', function() { //override back button to get the ajax content without page reload var toUrl=location.pathname; loadPage(toUrl); }); $('#menu a').click(function(e){ //to get the ajax content and display in div 'main-content' e.preventDefault(); var toUrl=$(this).attr('href'); loadPage(toUrl); if(toUrl!=window.location.pathname){ //to change the browser URL to the given link location window.history.pushState({path:toUrl},,toUrl); } });
PageFunction(window.location.pathname);
});
var loadPage=function(toUrl){
if($(window).scrollTop()>200) $(window).scrollTop(200); $.get( toUrl , function(data) { $('#main-content').html($(data).find('#main-content').html()); PageFunction(toUrl); });
};
var PageFunction=function(toUrl){
$('#menu').css({'margin-top':'240px'}); if(toUrl=='/Team:NYMU-Taipei/team/member'){ teamMemFunc(); } else if(toUrl=='/Team:NYMU-Taipei/team/lab'){ teamLabFunc(); } else if(toUrl=='/Team:NYMU-Taipei'){ $('#menu').css({'margin-top':'14px'}); HomeFunc(); } else if(toUrl=='/Team:NYMU-Taipei/notebook/journal'){ NbJrnlFunc(); }
};
var teamMemFunc=function(){
console.log('xd1');
};
var teamLabFunc=function(){
console.log('xd2');
};
var HomeFunc=function(){
};
var NbJrnlFunc=function(){ };