? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 懸浮鼠標實現下拉菜單

前端頁面實現下拉菜單有很多方式。

設置一個div，然后下面有一個子div。通過控制子div的顯隱來實現菜單的顯示和隱藏。

設置li列表元素，把div放在列表元素下。通過控制列表來實現菜單顯隱。這是常用的方式。

我們來了解一下第二種方式來控制菜單。

<div class="div1_2_2"><ul class="ul1"><li class="LI" id="LI1" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">首 頁</li><li class="LI" id="LI2" onmouseover="change_meau(this.id)" onmouseout="change_meau2(this.id)">學校狀況<div class="div1_2_3"><ul class="ul2"><li class="LI1">學校簡介</li><li class="LI1">學校章程</li><li class="LI1">歷任領導</li><li class="LI1">現任領導</li><li class="LI1">虛擬校園</li><li class="LI1">校園風光</li> </ul></div></li><li class="LI" id="LI3" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">機構設置</li><li class="LI" id="LI4" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">師資隊伍</li><li class="LI" id="LI5" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">學科專業</li><li class="LI" id="LI6" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">招生信息</li><li class="LI" id="LI7" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">人才招聘</li><li class="LI" id="LI8" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">合作辦學</li><li class="LI" id="LI9" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">信息公開</li></ul></div>

總結

以上是生活随笔為你收集整理的悬浮鼠标实现下拉菜单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。