Ako otvorím rozbaľovaciu ponuku bootstrap po kliknutí a nie po umiestnení kurzora myši?
Ako otvorím rozbaľovaciu ponuku bootstrap po kliknutí a nie po umiestnení kurzora myši?

Video: Ako otvorím rozbaľovaciu ponuku bootstrap po kliknutí a nie po umiestnení kurzora myši?

Video: Ako otvorím rozbaľovaciu ponuku bootstrap po kliknutí a nie po umiestnení kurzora myši?
Video: Создание динамических веб-приложений с помощью Laravel, Эрик Оуян 2024, Apríl
Anonim

Odpoveď: Použite jQuery vznášať sa () metóda

Štandardne do otvorené alebo zobraziť rozbaľovacia ponuka v Bootstrap musíš kliknite na spúšťacom prvku. Ak však chcete šou a rozbaľovacia ponuka na prejdenie myšou namiesto kliknite môžete to urobiť s malým prispôsobením pomocou CSS a jQuery.

Ako teda vytvoríte rozbaľovaciu ponuku v ponuke po umiestnení kurzora myši?

Na otvorenie použite ľubovoľný prvok rozbaľovacia ponuka , napr. a, o

element. Použite kontajnerový prvok (ako). vytvoriť a rozbaľovacia ponuka a pridajte rozbaľovacia ponuka odkazy v ňom. Omotajte prvok okolo tlačidla a umiestnite ho rozbaľovacia ponuka správne s CSS.

ako vytvorím rozbaľovaciu lištu v bootstrape? Využime Bootstrap implementovať tieto tri bežné funkcie webových stránok: Rozbaľovacia ponuka . Prepnúť navigačná lišta.

Prepnúť navigačný panel

  1. Krok 1: Pridajte tlačidlo Prepnúť navigačnú lištu. V index.html pridajte triedu „navbar-default“Bootstrapu do prvku nav:
  2. Krok 2: Pridajte ikonu ponuky tlačidla Navbar
  3. Krok 3: Umožnite navigáciu „prepínať“

Tiež viete, ako urobíte rozbaľovaciu ponuku Hoverable?

Odpoveď: Použite CSS: vznášať sa pseudotrieda Ak chcete jednoducho ukázať a skryť rozbaľovacia ponuka menu na myši vznášať sa nepotrebujete žiadny JavaScript. Môžete to urobiť jednoducho pomocou vlastnosti CSS display a: vznášať sa pseudotrieda. Nasledujúci príklad vám ukáže, ako implementovať jednoduchý rozbaľovacia ponuka pomocou CSS.

Kde je rozbaľovacia ponuka?

Najbežnejší typ rozbaľovacia ponuka je a Ponuka bar. V systémoch Windows, Ponuka lišta sa zvyčajne nachádza v hornej časti každého otvoreného okna. Na systémoch Macintosh je pevne umiestnený v hornej časti obrazovky.

Odporúča: