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 に答える