Interval.cz > Programování > JavaScript a Ajax > Jak přehrát zvuk pro :hover? (HTML 5 + JavaScript)

Jak přehrát zvuk pro :hover? (HTML 5 + JavaScript)

13. 04. 2011 | Zdeněk Malbek | JavaScript a Ajax | Komentáře: 1

Starší uživatelé internetu možná ještě mají v paměti vzhled amatérských webových stránek z předchozího tisíciletí, které doslova přetékaly všelijakými blikajícími obrázky (ať už bannerů, ikon na spřátelé weby či různé zpestřující grafiky jako byly hořící louče či rotující zavináče), rolujícími texty, šílenými barvami a ... všelijakými zvuky. Některé takové stránky jsou stále v provozu, například lednice.org od Petra Hejla. Bezmyšlenkovite využívání zvuku nepochybně patří mezi nejméně oblíbené věci na webových stránkách, zejména pokud se jedna o nevkusný zvuk (kokrhání, různé výkřiky atd.), který se navíc často spouští náhodně. Zvuk na stránkách lze nicméně používat i kultivovaným způsobem pro seriózní účely, například pro přehrání nějaké ukázky z hudebního alba, které si chce zákazník objednat atd. Pokud uvažujete o něčem podobném, možná vám přijde vhod článek Play Sound on :hover, který demonstruje způsob, jak s využitím HTML 5 a krátkého kódu JavaScriptu přehrát zvuk při vzniku události :hover (tj. najetí kurzorem myši nad objekt).

Zdroj: css-tricks.com.

---

Další aktuální články na interval.cz

• Mylné představy o responzivním designu
• WordPress.com – přes 66 milionů blogů ve 120 jazycích
• Redakční systém WordPress: 10 let mezi námi
• Kam se posunula česká e-commerce za posledních 10 let?
• Jak nejrychleji zabezpečit webové stránky

Tematicky související články

• Tipy a triky pro JavaScript 5.
• Výkonová optimalizace: jak na rychlejší JavaScript?
• Jak na ohleduplný JavaScript?
• Cookies, JavaScript a jak na provizi prodejců?
• Interaktivní mapa České republiky s hover efektem

Dejte vědět i ostatním o článku

Komentáře ke článku

Přidat nový komentář

Zpět na začátek komentářů | Zpět na začátek článku