Hoe maak ek die bootstrap-aftreklys oop as ek klik eerder as om te beweeg?
Hoe maak ek die bootstrap-aftreklys oop as ek klik eerder as om te beweeg?

Video: Hoe maak ek die bootstrap-aftreklys oop as ek klik eerder as om te beweeg?

Video: Hoe maak ek die bootstrap-aftreklys oop as ek klik eerder as om te beweeg?
Video: Mini Project - Web Application Architecture Evolution (2023v1) 2024, April
Anonim

Antwoord: Gebruik die jQuery sweef () metode

By verstek, om oopmaak of vertoon die aftreklys in Bootstrap jy moet klik op die sneller element. As jy egter wil Wys die aftreklys aan muis oor in plaas van klik jy kan dit doen met min aanpassing deur die CSS en jQuery te gebruik.

Daarvan, hoe maak jy 'n aftrekkieslys op hover menu?

Gebruik enige element om die oop te maak aftreklys , bv. a, o

element. Gebruik 'n houerelement (soos) om skep die aftreklys en voeg die by aftreklys skakels daarin. Draai 'n element om die knoppie en die posisioneer die aftreklys korrek met CSS.

hoe skep ek 'n aftrekbalk in bootstrap? Kom ons gebruik Bootstrap om hierdie drie algemene webwerfkenmerke te implementeer: Aftrekkieslys . Wissel navigasiebalk.

Wissel navigasiebalk

  1. Stap 1: Voeg die Toggle Navbar-knoppie by. Voeg in index.html Bootstrap se "navbar-default"-klas by die nav-element:
  2. Stap 2: Voeg die Navbar-knoppie se "Menu-ikoon" by
  3. Stap 3: Maak die Nav "Toggle-able"

Weet ook, hoe maak jy 'n aftreklys Hoverable?

Antwoord: Gebruik die CSS: sweef pseudo-klas As jy bloot wil wys en wegsteek aftreklys spyskaart op die muis sweef jy het geen JavaScript nodig nie. U kan dit eenvoudig doen deur die CSS-vertooneienskap te gebruik en: sweef pseudo-klas. Die volgende voorbeeld sal jou wys hoe om 'n eenvoudige te implementeer aftreklys gebruik van die CSS.

Waar is die aftreklys?

Die mees algemene tipe aftrekkieslys is 'n spyskaart kroeg. Op Windows-stelsels is die spyskaart bar is tipies geleë aan die bokant van elke oop venster. Op Macintosh-stelsels is dit aan die bokant van die skerm vas.

Aanbeveel: