CSS 드롭 다운 상자 메뉴 닫기의 시간 지연?

Question

사용자가 알림을 받아야하는 관리 영역이있는 웹 사이트가 있습니다.

은 내가 CSS로 설정 전체 알림 아이디어 드롭 다운 메뉴가 있지만 커서가 나는 희망 누군가에 JSbin에 파일을 업로드 한

메뉴 해제되면 내가 계속 열려 메뉴를 얻을 수가 캔트 나에게

http://jsbin.com/ecegiy/1

그것은 모든 이미지와 MySQL 연결 파일이 포함되어 있지 않습니다하지만, CSS는 메뉴 아이디어가 링크에 포함되어 거기에 많은처럼 보이지 않는 도움을 줄 수 있습니다.

Answer 1

좋아, 내가 제안 것이다 메뉴가 열려있을 수 있도록하려는 경우 :

• 이 메뉴 ID를 부여 하위 메뉴
  #menu li:hover ul.sub-menu { display: block; }
• 에 가져가의 CSS 부분을 삭제
  <ul id="childDisplay" class="sub-menu">
• 항상 표시되는 상단 요소에 자바 스크립트 추가
  <li onmouseover="menuVis.visible('childDisplay');" onmouseout="setTimeout('menuVis.unvisible(\'childDisplay\')',1000);">

• 는 자바 스크립트 클래스와 메소드를 추가 :이

  function vis(){ 
      this.flag=0; 
      this.flagUnv=0; 
  
      this.visible=function(x){ 
       this.flag=this.flag+1; 
       document.getElementById(x).style.display="block"; 
  
      } 
  
  
      this.unvisible= function (x){ 
        this.flagUnv=this.flagUnv+1; 
        if(this.flagUnv==this.flag) 
         document.getElementById(x).style.display="none";  
       } 
  } 
  menuVis=new vis(); 
  } 
  

는 하위 메뉴가 1000MS 후 눈에 보이지 않는 될 것입니다. "영원히"보이게하려면 onmouseout 섹션과 보이지 않는 기능을 삭제하십시오.