0

ユーザーが通知を表示する必要がある管理領域があるWebサイトがあります。

CSSドロップダウンメニューを使用して通知のアイデア全体を設定しましたが、カーソルがメニューから外れるとメニューを開いたままにできないようです

誰かが私を助けてくれることを願って、ファイルをJSbinにアップロードしました

http://jsbin.com/ecegiy/1

すべての画像とmysql接続ファイルが含まれていないため、そこにはあまり見えませんが、cssメニューのアイデアはリンクに含まれています。

4

1 に答える 1

0

メニューを開いたままにしたい場合は、次のことをお勧めします。

  • サブメニューのホバーのcss部分を削除
    #menu li:hover ul.sub-menu { display: block; }
  • メニューに ID を付けます
    <ul id="childDisplay" class="sub-menu">
  • 常に表示される上位要素に JavaScript を追加します
    <li onmouseover="menuVis.visible('childDisplay');" onmouseout="setTimeout('menuVis.unvisible(\'childDisplay\')',1000);">
  • JavaScript クラスとメソッドを追加します。

    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 セクションと非表示機能を削除してください。

于 2012-09-30T15:48:32.257 に答える