English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Реализация функции выпадающего списка при наведении мыши с помощью Bootstrap, подробности см. ниже:
//Самый простой пример hover, реализация функции выпадающего списка, использование знаний 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="#" >Триггер</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(){//событие при наведении мыши $(".dropdown-toggle").dropdown('toggle'); }); }); </script> </body> </html>
Указанные выше примеры реализации функции выпадающего списка при наведении мыши с помощью Bootstrap介绍了 редактор给大家. Надеюсь, это поможет вам. Если у вас есть какие-либо вопросы, пожалуйста, оставьте комментарий, редактор ответит вам своевременно. В этом разделе также очень благодарны всем пользователям за поддержку сайта呐喊 учебник!
Объявление: содержимое этой статьи взято из Интернета, авторские права принадлежат соответствующему автору. Контент предоставлен пользователями Интернета, самостоятельно загружен, сайт не имеет права собственности на него, не был отредактирован вручную и не несет ответственности за него. Если вы обнаружите подозрительное нарушение авторских прав, пожалуйста, отправьте письмо по адресу: notice#oldtoolbag.com (во время отправки письма замените # на @) для сообщения о нарушении и предоставьте соответствующие доказательства. При обнаружении факта нарушения авторских прав сайт незамедлительно удаляет спорное содержимое.