0

私は、ユーザーがタイトル(Menu)にマウスオーバーすると非表示のメニューが表示され、一定時間後にユーザーが非表示のメニュー(現在表示されている)にアクセスしていない場合はタイトル(Menu)が非表示になるコードに取り組んでいます。非表示メニュー付き(現在表示中)。

http://jsbin.com/icobin/12

   $(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(); 
                        }); 
                    }               
                });   
            });
        });
    });
4

1 に答える 1

1
 $('#navigtion_wrap #nav_menu_text').mouseover(function(){
    // on mouse over
    $(this).hide();
    $("#navigtion_wrap #navigation_top").fadeIn();
});

$('#navigtion_wrap #navigation_top').mouseleave(function(){
    // on mouse leave
    $(this).fadeOut();
    $("#navigtion_wrap #nav_menu_text").show();
});
于 2012-10-18T08:07:54.187 に答える