როგორ გავხსნა bootstrap ჩამოსაშლელი მენიუ დაწკაპუნებით და არა მაუსის გადატანაზე?
როგორ გავხსნა bootstrap ჩამოსაშლელი მენიუ დაწკაპუნებით და არა მაუსის გადატანაზე?

ვიდეო: როგორ გავხსნა bootstrap ჩამოსაშლელი მენიუ დაწკაპუნებით და არა მაუსის გადატანაზე?

ვიდეო: როგორ გავხსნა bootstrap ჩამოსაშლელი მენიუ დაწკაპუნებით და არა მაუსის გადატანაზე?
ვიდეო: bootstrap 5 dropdown on hover | Bootstrap Drop-down show on Mouse Hover Using CSS | Html and css 2024, აპრილი
Anonim

პასუხი: გამოიყენეთ jQuery ჰოვერი () მეთოდი

ნაგულისხმევად, რომ გახსნა ან აჩვენე ჩამოსაშლელი მენიუ in ჩამტვირთავი შენ უნდა დააწკაპუნეთ ტრიგერის ელემენტზე. თუმცა თუ გინდა შოუ The ძირს დაგდება on მაუსის გადატანა მაგივრად დააწკაპუნეთ თქვენ შეგიძლიათ ამის გაკეთება მცირე დაკონფიგურირებით CSS-ისა და jQuery-ის გამოყენებით.

აქედან გამომდინარე, როგორ ქმნით ჩამოსაშლელ მენიუს hover მენიუში?

გამოიყენეთ ნებისმიერი ელემენტი გასახსნელად ჩამოსაშლელი მენიუ , მაგალითად. ა, ო

ელემენტი. გამოიყენეთ კონტეინერის ელემენტი (მსგავსი). შექმნა The ჩამოსაშლელი მენიუ და დაამატეთ ძირს დაგდება ბმულები მის შიგნით. შემოახვიეთ ელემენტი ღილაკის ირგვლივ და მდებარეობისთვის ჩამოსაშლელი მენიუ სწორად CSS-ით.

როგორ შევქმნა ჩამოსაშლელი ზოლი bootstrap-ში? გამოვიყენოთ ჩამტვირთავი ამ სამი საერთო ვებსაიტის ფუნქციის დანერგვა: ჩამოსაშლელი მენიუ . გადართვა ნავიბარი.

Navbar-ის გადართვა

  1. ნაბიჯი 1: დაამატეთ გადართვის ნავიგარის ღილაკი. index.html-ში დაამატეთ Bootstrap-ის „navbar-default“კლასი nav ელემენტს:
  2. ნაბიჯი 2: დაამატეთ Navbar ღილაკის „მენიუ ხატულა“
  3. ნაბიჯი 3: გააკეთეთ ნავი „გადამრთველი“

ასევე იცოდეთ, როგორ გააკეთოთ ჩამოსაშლელი მენიუ Hoverable?

პასუხი: გამოიყენეთ CSS: ჰოვერი ფსევდოკლასი თუ უბრალოდ გინდათ აჩვენოთ და დამალოთ ძირს დაგდება მენიუ მაუსის ჰოვერი თქვენ არ გჭირდებათ JavaScript. ამის გაკეთება შეგიძლიათ უბრალოდ CSS ჩვენების თვისების გამოყენებით და: ჰოვერი ფსევდოკლასი. შემდეგი მაგალითი გაჩვენებთ, თუ როგორ უნდა განახორციელოთ მარტივი ძირს დაგდება CSS-ის გამოყენებით.

სად არის ჩამოსაშლელი მენიუ?

ყველაზე გავრცელებული ტიპი ჩამოსაშლელი მენიუ არის მენიუ ბარი. Windows სისტემებზე, მენიუ ბარი, როგორც წესი, მდებარეობს თითოეული ღია ფანჯრის ზედა ნაწილში. Macintosh სისტემებზე ის ფიქსირდება ეკრანის ზედა ნაწილში.

გირჩევთ: