我正在编写一个代码,其中当用户将鼠标悬停在标题(菜单)上时会显示隐藏菜单,如果用户没有在隐藏菜单上访问(现在正在显示),则标题(菜单)将隐藏,这意味着不工作带有隐藏菜单(现在显示)..
$(document).ready(function(){
$(function(){
jQuery.fn.delay = function(millis,callBack){
var object = $(this);
$.extend(object,{callBack:callBack});
return window.setTimeout(function() {
object.callBack();
return object;
}, millis);
};
});
var navFadeOutDelay = 500; // Set delay for drop down to slide down (in ms)
// Navigation:
var nav = {count:0};
$(function(){
$("#navigtion_wrap #navigation_top").hide(); //hide navigation on page load.
$('#nav_menu_text').bind('hover',function(){
// On mouseenter, hide title and show navigation
$("#navigtion_wrap #nav_menu_text").hide();
$("#navigtion_wrap #navigation_top").fadeIn();
nav.count += 1;
}).bind('hoverend',function(){ // On mouseleave, fade out navigation and show title
var tmp = nav.count;
$("#navigtion_wrap #navigation_top").delay(navFadeOutDelay, function(){
// Delay: wait X ms before navigation FadeOut
if (tmp == nav.count) {
// prevent delay from firing if user hovers navigation before the end of delay
$(this).fadeOut('slow', function(){ //Callback
$("#navigtion_wrap #nav_menu_text").show();
});
}
});
});
});
});