您當前位置>首頁 » 新聞資訊 » 技(jì)術(shù)分(fēn)享 >
brootstrap 下(xià)拉菜單增加Hover 懸₹φ∏¶停觸發
發表時(shí)間(jiān)：2021-3-11
發布人(rén)：葵宇科(kē)技(jì)
浏覽次數(shù)：111
用(yòng)了(le)框架就(jiù)感覺φ₽≈↓不(bù)想去(qù)寫基礎的(de)實現(xiàn)，總想著(zhe)♥♦₩翻翻文(wén)檔看(kàn)看(kàn)有(yǒu)沒有(÷✔∏yǒu)相(xiàng)應的(de)功能(néng)支持，相(xiàng)信φ'π£很(hěn)多(duō)朋(péng)友(yǒu)都(dōu)有(☆'∏yǒu)這(zhè)樣的(de)感覺，形成對(duì)框架的(de)依賴。£∏↓'本身(shēn)bootstrap下(xià)拉菜單的(de)觸發方式是↕₩(shì)點擊觸發，要(yào)增加懸停觸發其實非常簡單，無非就™♦★(jiù)是(shì)對(duì)象的(de)顯示問(wèn)題，根本不(bù)需♣ε★∏要(yào)去(qù)翻文(wén)檔浪費(fèi)時(shí)間(jiān)，修改JΩ®≈S就(jiù)更不(bù)要(yào)去(qù)折騰了(÷≥le)。
原理(lǐ)非常簡單，隻需要(yào)使dropdown-menu對(duì)§©↑π象dispaly:block就(jiù)可(kě)以了(le)。
1.給父對(duì)象增加個(gè)ID，樣式之類的(• de)方便查找
<li class="xt"><a ✘γhref="#" data-toggle="d§•&ropdown"
2.自(zì)己看(kàn)
<style>
.nav
> li.xt:hover .drop¶∞↔♦down-menu {display: block;}
</style>
就(jiù)這(zhè)麽回事(shì)，無需糾結，簡單實現(xiàn)就(jiù)是(shì)王±✔✔∞道(dào)
—————♥λ<—————& ±₩——————
版權聲明(míng)：本文(wén)為(wèi)CSDN博主「葵宇科(™€₹♣kē)技(jì)」的(de)原創文(wén)章(zhāng)，遵循CC 4.0 BY-SA版權協<↑議(yì)，轉載請(qǐng)附上(shàng)原文(wén)出處鏈接及本聲明(× míng)。
原文(wén)鏈接：https://blog.csdn.net/ynkui/artic¶$le/details/114653908
