Hur öppnar jag bootstrap-rullgardinsmenyn när jag klickar istället för att hålla muspekaren?
Hur öppnar jag bootstrap-rullgardinsmenyn när jag klickar istället för att hålla muspekaren?

Video: Hur öppnar jag bootstrap-rullgardinsmenyn när jag klickar istället för att hålla muspekaren?

Video: Hur öppnar jag bootstrap-rullgardinsmenyn när jag klickar istället för att hålla muspekaren?
Video: Create Bootstrap Navbar Drop-down Menu on Mouse Hover Using CSS 2024, April
Anonim

Svar: Använd jQuery sväva () metod

Som standard till öppen eller visa rullgardinsmenyn i Bootstrap du måste klick på triggerelementet. Men om du vill show de falla ner på för muspekaren istället för klick du kan göra det med lite anpassning med hjälp av CSS och jQuery.

Därav, hur gör man en rullgardinsmeny på svävmenyn?

Använd valfritt element för att öppna rullgardinsmenyn , t.ex. a, o

element. Använd ett containerelement (som) för att skapa de rullgardinsmenyn och lägg till falla ner länkar inuti den. Linda ett element runt knappen och för att placera den rullgardinsmenyn korrekt med CSS.

hur skapar jag en rullgardinsmeny i bootstrap? Låt oss använda Bootstrap för att implementera dessa tre vanliga webbplatsfunktioner: Rullgardinsmenyn . Växla navbar.

Växla Navbar

  1. Steg 1: Lägg till knappen Toggle Navbar. I index.html lägger du till Bootstraps "navbar-default"-klass till nav-elementet:
  2. Steg 2: Lägg till Navbar-knappens "menyikon"
  3. Steg 3: Gör navigeringen "växlingsbar"

Vet också, hur gör man en rullgardinsmeny som kan svävas?

Svar: Använd CSS:en: sväva pseudo-klass Om du bara vill visa och gömma dig falla ner menyn på musen sväva du behöver inget JavaScript. Du kan göra detta helt enkelt med CSS-visningsegenskapen och: sväva pseudoklass. Följande exempel visar hur du implementerar en enkel falla ner använder CSS.

Var är rullgardinsmenyn?

Den vanligaste typen av rullgardinsmenyn är en meny bar. På Windows-system är meny baren är vanligtvis placerad överst i varje öppet fönster. På Macintosh-system är det fixerat överst på skärmen.

Rekommenderad: