Indítsuk el a zene és a hangok hover esemény
Ha a pontszám a Google lekérdezés, hogyan kell kezdeni a zenét CSS, akkor valószínű, hogy megtalálja:
- Semmit a játék Counter Strike: Source
- Valami a play-közben funkciók vagy dákó-előtt, vagy valami, ami nagyon ígéretesnek tűnik, de a valóságban ez csak középszerű képzés cikket.
Nem hisszük, hogy a különböző hangokat - ez szerves része minden weboldal, de kár, hogy eddig a CSS nem tudtak futni hang. Annak érdekében, hogy játszani egy hangot, ha az egérmutató belép egy bizonyos területen az oldal, meg kell támaszkodni HTML5 és / vagy Flash. De szinte senki itt akar foglalkozni a Flash, igaz? Tehát tegyük át a HTML5, amely lehetővé teszi számunkra, hogy fut a zene egy új elemet «audio» (Firefox 3.5+, Chrome 3+, Opera 10.5+ Safari 4+, IE 9). Annak érdekében, hogy nyomja ki a maximális lehetőséget böngésző, akkor végre ezt a forrás és MP3 (a WebKit és IE) és OGG forrás (a Firefox és az Opera).
Ha be a kódot pontosan úgy, ahogy fent látható, akkor nem valószínű, hogy valami, vagy hallani. Ha szüksége van egy kis eleme a játékos, ügyeljen arra, hogy a vezérlő attribútum ( «hangvezérlőkkel»). Ha szükség van, hogy a játékos lehetett hallani, de nem lát, akkor használja a elemet az automatikus start ( «audio robotpilota»). Vagy használja mindkét elemet.
A cél -, hogy a hang játék, amikor az egérmutató középpontjában egy adott elem (például egy menüpont). Ismét sajnos nem tudjuk, hogy az elem «audio» működteti CSS, meg kell használni j # 097; vascript. A hang lejátszásához a j # 097; vascript, használja a kódot:
Nézzük használni jQuery, mert nagyban megkönnyíti a munkafolyamatot elválasztás és a teremtés az esemény.
Csináljuk úgy, hogy a hang kezdett játszani, ha az egérmutató egy adott elem:
Oldal teaser Goodfoot mobil alkalmazás egy hasonló technikát be egy hang, amikor a kurzor a feje egy hóember. Itt minden valósul bevezetése révén egy új elem a DOM audio minden mozdulatára, hogy egy karaktert:
Ez lehet egy kicsit jobb, hogy támogassa OGG formátumban. Nem hisszük, hogy a zajszint attribútumot fog működni, mert még soha nem találkozott támogatja ezt a funkciót. Minden korszerűsített út Jeffrey (Jeffrey Way):
Elégedettek vagyunk ezzel a megközelítéssel, mert itt minden működik, ahogy kellene. Miután a reprodukált hang, akkor a cache, amely felgyorsítja a munkát a következő boot.
Egy másik módja, hogy hajtsák végre a bevezetése három hangelemének az oldalon.
És akkor egyenként kell a választás történik:
Újrajátszások és kihívások: egymásra hangok
Kezdetben néhány szeretné építeni a rendszert a navigációs sáv, amikor az egérmutatót a fül. Volt egyszer hívták meg a problémát: a funkció .play () sokkal gyorsabban fut, és gyakrabban, mint hallja minden egyes hangot váltott. Ugyanazt a hangot nem lehet lejátszani a tetején az egyik, hogy már játszik. Emiatt további .play () függvény nem indul el, amíg az első ciklus futása nem kell kitölteni.
Kezdetben próbáltam használni funkció .pause (), hogy hagyja abba a játékot, és futtassa a funkciót újra, de ez sem segített. Szünet történik, de aztán .play () függvény nem akarja futtatni újra.
A legjobb módja annak, hogy mi található - ez a párhuzamos elem minden menüpont. Így minden menüpont lesz a saját szakaszán a hangfájlt, amelyet játszott külön funkciót, ami egy overlay.