Implementación de la función de lista desplegable al pasar el ratón con BootStrap

La implementación de Bootstrap para la función de lista desplegable al pasar el mouse, detalles específicos como se muestra a continuación:

　//El más simple efecto de mouse hover, que realiza la función de desplazamiento, aplica el conocimiento del framework Bootstrap, no sabe cómo usar Bootstrap, busque en Baidu cómo hacerlo

 <html><head>
    <meta charset="UTF-8">
      <!-- 引入 Bootstrap -->
   <link href="../css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
     <!-- Archivo de jQuery. Asegúrese de que se introduzca antes de 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="#" >desencadenador</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(){//eventos de ratón al pasar por encima
        $(".dropdown-toggle").dropdown('toggle');
        });
      });
    </script>
  </body>
</html>

Lo mencionado anteriormente es lo que el editor le ha presentado sobre cómo implementar la función de lista desplegable al pasar el ratón en BootStrap, esperamos que le sea útil. Si tiene alguna pregunta, déjenos un mensaje y el editor responderá a tiempo. También muy agradecido por el apoyo a la página web de tutorial de alarido!

Declaración: El contenido de este artículo se ha obtenido de la red, pertenece al propietario original, el contenido ha sido contribuido y subido por usuarios de Internet de manera autónoma. Este sitio no posee los derechos de propiedad, no ha sido editado por humanos y no asume ninguna responsabilidad legal relacionada. Si encuentra contenido sospechoso de infracción de derechos de autor, por favor envíe un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, por favor reemplace # con @) para denunciar, y proporcione evidencia relevante. Una vez verificada, este sitio eliminará inmediatamente el contenido sospechoso de infracción.

Tutoriales básicos

Te gustará