brootstrap 下(xià)拉菜單增加Hover 懸停觸發

發表時間：2021-3-11

發布人：葵宇科技

浏覽次數：67

用了框架就感覺不想去寫基礎的實現，總想着翻翻文(wén)檔看看有沒有相應的功能支持，相信很多朋友都有這樣的感覺，形成對框架的依賴。本身bootstrap下(xià)拉菜單的觸發方式是點擊觸發，要增加懸停觸發其實非常簡單，無非就是對象的顯示問(wèn)題，根本不需要去翻文(wén)檔浪費時間，修改JS就更不要去折騰了。

原理非常簡單，隻需要使dropdown-menu對象dispaly:block就可(kě)以了。

1.給父對象增加個(gè)ID，樣式之類的方便查找

<li class="xt"><a href="#" data-toggle="dropdown"

2.自己看

<style>

.nav

> li.xt:hover .dropdown-menu {display: block;}

</style>

就這麼回事，無需糾結，簡單實現就是王道

————————————————

原文(wén)鍊接：https://blog.csdn.net/ynkui/article/details/114653908