Joaca un sunet atunci când cursorul mouse-ului la elementul
Dacă face o cerere pentru motoarele pe tema de redare a sunetului folosind CSS de căutare, atunci veți găsi:
- Link-uri către materiale de pe Counter Strike: Source.
- Ceva despre astfel de momente promițătoare play-în timpul și-tac înainte și, dar nimic specific despre cum să publice un chițăit atunci când treceți cursorul mouse-ului peste elementul de meniu.
Sunetul este o parte a proiectului și capacitatea de a reda / clipuri audio rula trebuie să fie prezente în CSS, dar din păcate. inca. Pentru a reda un sunet atunci când cursorul mouse-ului trece printr-o anumită zonă, trebuie să se bazeze pe HTML5 sau Flash. Dar în zilele noastre care doresc să comunice cu Flash? Prin urmare, ne întoarcem la HTML5, care poate reda sunetul de la elementul său
Dacă introduceți codul de mai sus la pagina, nu vedeți sau auziți. Pentru a afișa o nevoie mică jucător pentru a utiliza atributul de control (
Vom folosi jQuery, deoarece facilitează foarte mult de selecție și de a lucra cu elementele.
Aici este codul care redă un sunet atunci când mouse-ul trece peste un anumit element:
Un exemplu din viața reală
Pe site-ul Goodfoot utilizează această tehnologie pentru a reda sunete diferite atunci când mouse-ul trece peste gura Bigfoot (funcționează în browserele Webkit). Acest efect este realizat prin introducerea unui element nou în structura DOM audio de fiecare dată când cursorul mouse-ului trece peste om de zăpadă gura:
Metoda poate fi ușor îmbunătățită prin adăugarea de suport pentru fișiere OGG:
Un alt mod de a obține același efect - trebuie să plasați mai multe elemente audio de pe o pagină:
Și alege la întâmplare unul pentru a juca:
Probele și probleme: impunerea unor sunete.
Pe pagina demo pus în aplicare ideea piesei zăngănit atunci când mouse-ul trece peste un element de meniu. Se deschide imediat problema: lansa următoarea redare a sunetului utilizând funcția .play () vor fi efectuate înainte de sfârșitul sunetului precedent. Un element audio poate reda sunetul de tavan. O nouă cerere de redare a funcției .play () este ignorată până la sfârșitul de funcționare a sunetului.
Primul meu gând - prima utilizare .pause () pentru a opri redarea și a alerga următoarea .play redare) funcția (. Dar, de testare a relevat lipsa acestei metode - este generată pauza, dar nu pornește un sunet nou, în multe cazuri.
Cea mai bună metodă de rezolvare a problemei - a duplica componenta audio pentru fiecare element de meniu. Astfel, elemente independente pot reda sunete audio care se suprapun.
Astăzi ne-am dori să vă împărtășesc câteva idei în ceea ce privește efectul blocului a fost deschis, pe care o puteți utiliza pentru proiectele lor.
Dacă doriți să crească în mod semnificativ securitatea site-ului pe WordPress, nu veți scăpa de configurația fișierului .htaccess. Acest lucru nu va numai a vă proteja de o serie de atacuri ale hackerilor, dar, de asemenea, să organizeze redirecționarea, precum și pentru a rezolva problemele asociate cu memoria cache.
Design material - această tendință este avânt de la Google. În această colecție asamblate pentru WordPress teme libere, executate în acest stil popular.
Efecte asupra că și acolo pentru a impresiona vizitatorii noștri. În această colecție adunat câteva zeci de resurse ale căror creatori într-adevăr a încercat să impresioneze vizitatorii.
La sfârșitul lunii le oferim pentru a face cunoștință cu un set de materiale gratuite pentru designeri web în ultima lună.
clasa Multumesc pentru post
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!