BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能，具體內(nèi)容詳情如下所示：
//最簡單的鼠標(biāo)懸停,實(shí)現(xiàn)下拉功能,應(yīng)用bootstrap框架的知識,不會bootstrap自己百度怎么使用
<html><head> <meta charset="UTF-8"> <!-- 引入 Bootstrap --> <link href="../css/bootstrap.min.css" rel="external nofollow" rel="stylesheet"> <!-- jQuery文件。務(wù)必在bootstrap.min.js 之前引入 --> <script src="../libs/jquery-1.11.1.js"></script> <script src="../js/bootstrap.min.js"></script> <title></title> </head> <body><div class="dropdown" > <span class="dropdown-toggle" data-toggle="dropdown" data-target="#" >觸發(fā)器</span> <ul class="dropdown-menu" > <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> <script> $(document).ready(function(){ $("span").hover(function(){//鼠標(biāo)懸停觸發(fā)事件 $(".dropdown-toggle").dropdown('toggle'); }); }); </script> </body></html>以上所述是小編給大家介紹的BootStrap實(shí)現(xiàn)鼠標(biāo)懸停下拉列表功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點(diǎn)
疑難解答
