JQuery、BootStrap實(shí)現(xiàn)鼠標(biāo)懸浮出現(xiàn)下拉框，并且鼠標(biāo)可以進(jìn)入下拉框，鼠標(biāo)離開下拉框后，下拉框隱藏

html 部分(bootstrap):

<li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1">課程</a><ul class="dropdown-menu" style="background-color: palegoldenrod !important;" id="dropDownCur"><li><a href="#">jmeter</a></li><li><a href="#">jmeter1</a></li><li><a href="#">jmeter2</a></li></ul> </li>

js部分(JQuery實(shí)現(xiàn)):

<script>$("#dropdownMenu1").hover(function(){$("#dropDownCur").show();});//為了鼠標(biāo)可以進(jìn)入下拉框$("#dropDownCur").hover(function() {$(this).show();//鼠標(biāo)進(jìn)入下拉框}, function() {$(this).hide();//鼠標(biāo)離開下拉框后，就會(huì)消失}); </script>

總結(jié)

以上是生活随笔為你收集整理的JQuery、BootStrap实现鼠标悬浮出现下拉框的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

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