"
Team:NYMU-Taipei/menu.js
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| Line 4: | Line 4: | ||
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('a > span').animate({opacity: '1'}, 300); | + | $(this).find('a > 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('a > span').animate({opacity: '0'}, 700); | + | $(this).find('a > span').stop(true,true).animate({opacity: '0'}, 700); |
}); | }); | ||
Revision as of 17:40, 5 June 2014
$( document ).ready(function() {
$('#menu > ul > li')
.on('mouseover', function(){
clearTimeout($.data(this,'timer'));
$(this).find('ul').stop(true,true).slideDown(200);
$(this).find('a > 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('a > span').stop(true,true).animate({opacity: '0'}, 700);
});
$(window).scroll(function (event){
var y = $(this).scrollTop();
if(y>240){
$('#menu').css({
marginTop:0,
});
}
else{
$('#menu').css({
marginTop:240-y,
});
}
});
});
