欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

BootStrap實現(xiàn)鼠標懸停下拉列表功能

 更新時間：2017年02月17日 10:34:39   作者：weixin_37510612  
這篇文章主要介紹了BootStrap實現(xiàn)鼠標懸停下拉列表功能,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

BootStrap實現(xiàn)鼠標懸停下拉列表功能，具體內(nèi)容詳情如下所示：

 //最簡單的鼠標懸停,實現(xiàn)下拉功能,應用bootstrap框架的知識,不會bootstrap自己百度怎么使用

 <html><head>
    <meta charset="UTF-8">
      <!-- 引入 Bootstrap -->
   <link href="../css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
     <!-- jQuery文件。務必在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(){//鼠標懸停觸發(fā)事件
        $(".dropdown-toggle").dropdown('toggle');
        });
      });
    </script>
  </body>
</html>

以上所述是小編給大家介紹的BootStrap實現(xiàn)鼠標懸停下拉列表功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關文章

最新評論