하위 메뉴 탐색 토글 버그

마우스를 올리면 표시되는 하위 메뉴가있는 기본 탐색 메뉴가 있습니다. 문제는 메뉴 하위 메뉴를 위아래로 가리키며 슬라이드와 페이드 상태 사이의 깜박임입니다.하위 메뉴 탐색 토글 버그

///<summary> 
    ///drop down menu navigation 
    ///</summary> 

    var menuHover = { 

     //initialise our function 
     init: function(){ 

      var menuItem = $(".navItem");      

      //each menu item 
      menuItem.each(function(){ 

       //checks to see if we have sub-navigation items    
       var $this = $(this), 
        hasSub = $this.children(".subNav"), 
        isSub = hasSub.length > 0; 

       //toggle visibility on sub items when hovered    

        if(isSub){    


        $this.hover(
        //on hover 
        function(){ 


         hasSub.slideDown("fast"); 


        }, 
        // off hover 
        function(){ 


         hasSub.fadeOut(350); 


        });      


        } 


      }); 


     } 
    };

어떤 도움을 기꺼이 감상 할 수있다 : -의 기능 (menuHover) 나는 기능 자체는 here

볼 바이올린을 가지고!

출처

2011-12-13 joe_peachy

메뉴에 JS 사용을 중단하십시오! 대신 CSS를 사용하십시오!

기본 사항 : 내가 만든 http://www.seoconsultants.com/css/menus/tutorial/

예 (저작권, 그냥 복사하지 마십시오) : http://tinkerbin.com/W0iL32hh

출처

2011-12-13 15:51:44

없음 사용, + 미래의 프로젝트를 위해이 점을 염두에 부담합니다 IE7에서 작동하는 효과를해야하는 것처럼 돈 이 요구 사항이 없습니다. 아주 잘 했어. 잘 했어. J. –

대부분의 효과는 이미 작동하지만 그래디언트 대신 배경 이미지를 사용하는 것이 좋습니다. –

하위 메뉴로 이동하려고 할 때 전환되는 점에서 버그가 발생하면 조금 더 높게 이동하고 마우스를 하위 메뉴로 빠르게 이동하십시오. IE7은 메트릭에 대한 몇 가지 트릭을 수행합니다. –

하위 메뉴 탐색 토글 버그

답변

관련 문제