? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 懸浮鼠標(biāo)實現(xiàn)下拉菜單

前端頁面實現(xiàn)下拉菜單有很多方式。

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

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

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

<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)">學(xué)校狀況<div class="div1_2_3"><ul class="ul2"><li class="LI1">學(xué)校簡介</li><li class="LI1">學(xué)校章程</li><li class="LI1">歷任領(lǐng)導(dǎo)</li><li class="LI1">現(xiàn)任領(lǐng)導(dǎo)</li><li class="LI1">虛擬校園</li><li class="LI1">校園風(fēng)光</li> </ul></div></li><li class="LI" id="LI3" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">機構(gòu)設(shè)置</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)">學(xué)科專業(yè)</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)">合作辦學(xué)</li><li class="LI" id="LI9" onmouseover="change_LI(this.id)" onmouseout="change_LI2(this.id)">信息公開</li></ul></div>

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。