ユーザーが通知を表示する必要がある管理領域があるWebサイトがあります。
CSSドロップダウンメニューを使用して通知のアイデア全体を設定しましたが、カーソルがメニューから外れるとメニューを開いたままにできないようです
誰かが私を助けてくれることを願って、ファイルをJSbinにアップロードしました
すべての画像とmysql接続ファイルが含まれていないため、そこにはあまり見えませんが、cssメニューのアイデアはリンクに含まれています。
ユーザーが通知を表示する必要がある管理領域があるWebサイトがあります。
CSSドロップダウンメニューを使用して通知のアイデア全体を設定しましたが、カーソルがメニューから外れるとメニューを開いたままにできないようです
誰かが私を助けてくれることを願って、ファイルをJSbinにアップロードしました
すべての画像とmysql接続ファイルが含まれていないため、そこにはあまり見えませんが、cssメニューのアイデアはリンクに含まれています。
メニューを開いたままにしたい場合は、次のことをお勧めします。
#menu li:hover ul.sub-menu {
display: block;
}
<ul id="childDisplay" class="sub-menu">
<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 セクションと非表示機能を削除してください。