Team:NYMU-Taipei/menu.js
From 2014.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
$( document ).ready(function() { | $( document ).ready(function() { | ||
- | $('#menu > ul > li') | + | $('#menu > ul > li > a') |
.on('mouseover', function(){ | .on('mouseover', function(){ | ||
clearTimeout($.data(this,'timer')); | clearTimeout($.data(this,'timer')); | ||
$(this).find('ul').stop(true,true).slideDown(200); | $(this).find('ul').stop(true,true).slideDown(200); | ||
- | $(this).find(' | + | $(this).find('span').stop(true,true).animate({opacity: '1'}, 300); |
}) | }) | ||
Line 11: | Line 11: | ||
$(this).find('ul').stop(true,true).slideUp(200); | $(this).find('ul').stop(true,true).slideUp(200); | ||
}, this), 100)); | }, this), 100)); | ||
- | $(this).find(' | + | $(this).find('span').stop(true,true).animate({opacity: '0'}, 700); |
}) | }) | ||
- | + | /* .click( function(){ | |
+ | $('#menu > ul > li').removeClass('now'); | ||
+ | $(this).addClass('now'); | ||
$(this).find('a > span').stop(true,true).animate({opacity: '1'}, 300); | $(this).find('a > span').stop(true,true).animate({opacity: '1'}, 300); | ||
$('#menu > ul > li').not(this).find('a > span').stop(true,true).animate({opacity: '0'}, 300); | $('#menu > ul > li').not(this).find('a > span').stop(true,true).animate({opacity: '0'}, 300); | ||
- | }); | + | }); */ |
$(window).scroll(function (event){ | $(window).scroll(function (event){ | ||
var y = $(this).scrollTop(); | var y = $(this).scrollTop(); |
Revision as of 14:29, 7 June 2014
$( document ).ready(function() {
$('#menu > ul > li > a') .on('mouseover', function(){ clearTimeout($.data(this,'timer')); $(this).find('ul').stop(true,true).slideDown(200); $(this).find('span').stop(true,true).animate({opacity: '1'}, 300); }) .on('mouseout', function(){ $.data(this,'timer', setTimeout($.proxy(function() { $(this).find('ul').stop(true,true).slideUp(200); }, this), 100)); $(this).find('span').stop(true,true).animate({opacity: '0'}, 700); }) /* .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').stop(true,true).animate({opacity: '0'}, 300); }); */ $(window).scroll(function (event){ var y = $(this).scrollTop(); 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; $.get( toUrl , function(data) { $('#main-content').html($(data).find('#main-content').html()); }); }); $('#menu a').click(function(e){ //to get the ajax content and display in div 'main-content' e.preventDefault(); var toUrl=$(this).attr('href'); var location='https://2014.igem.org'+toUrl; $.get( toUrl , function(data) { $('#main-content').html($(data).find('#main-content').html()); }); if(toUrl!=window.location.href){ //to change the browser URL to the given link location window.history.pushState({path:toUrl},,toUrl); } });
});