O webu
Vyskakovací menu v CSS

V kaskádových stylech lze využít pseudo třídy :hover a docílit tak toho, že při najetí myší na nějakou položku se jiná objeví.

  1. Normálně je element skrytý (display: none),
  2. při :hoveru se přepne na block/inline.

Ahoj… Světe!

Funguje to od Internet Exploreru 7, starší umí :hover jen na odkazech.

Menu jako na Alza.cz

Pokud se k výše uvedenému principu přidá špetka dalšího CSS, může to vypadat takto…

  • Vyskakovací
  • Menu
  • Pomocí
  • CSS
  • U vyskakovacího menu bývá dobrá nějaká tolerance nepřesnosti pohybu, zabývá se tím samostatný článek: