patlar düzenlenen Sonra kullanıcı bir düğmeye tutan böyle kurşun-up durumda kalmak ama Onlar sadece çok hızlı tıklama hızlı bir sağ flaş arabayı görmek için ve ben bir tane var biraz daha pürüzsüz bir ses efekti elde etmek isteyeyim Bu gerçekten açık ve benim düğmeleri tür can sıkıcı, sadece olanı almak istemem Gerçek gibi hızlı yemek ya da küçük bir pic almak yakında size can sıkıcı değil bu yüzden ya da daha fazla genelinde gelir bu da tıklayın Zarif ziyade rahatsız edici çıplak kemikleri bir html5 web birinci belgeleri var b

iz başlayacağız şey yapacak Şimdi etiketledi fırının içindeki dört düğme eklemek olduğunu bu yüzden bir kaç satır emin olun var aşağı gitmek html5 yakalandığını eleman kullanmak biz yakın şimdi elemanı ve içindeki sahip olduğu biz onlardan her biri de kapalı olan bir elemanları koymak emin olun gidiyoruz ve sadece ders kodu için a href aslında Butte için ben öylece put ben diyez işareti ve web adresi URL koyabilirsiniz Ne yapacaksın kullanmaktır edeceğim biliyorum o düğmesini kullanarak gidin o Benim düğme ses fare aşağı olay Ayrıca hedef olabilir mousedown üzerinde tıkırtı haberleri tetiklemek vurgulu Eğer diğer bazı yapabilirsiniz vurgulu olay hedeflemek istediğiniz Farklı ses Kullanıcıların Maus düğmesinin üzerine geldiğinde Yangınla ve daha sonra tamamen farklı bir başka ses yangın ve Onlar aslında tıkladığınızda yeni menü sistemi ile birden sesler aramak etiket üzerinde bu bir konulmuştur çok farklı olaylar hedefleyen düğme etiketi bir kopyası değilim evde olmak üç kez bu hizmetleri hakkımızda olacak iletişim şimdi kalacağız biz istiyoruz JavaScript işlevselliği koymak ne Burada fare aşağı olay böylece tüm ihtiyacımız JavaScript net HTML5 getirmek için yerinde olduğunu komut dosyası aracılığıyla ses nesne yani baş elemanı içine gidecek ve bir script öğesindeki koyacağız emin biz bu komut elemanı yakın olun ve biraz içine ilk şey var bleep içinde olacak tipisin yeni ses elemanına veya eşit olacak Yeni bir ses nesne örneği yani bip Yeni bir ses nesne örneği ve biz kaynak dosyasını ayarlamak istediğiniz bip muhtemelen Geçmişte ile buna çift tırnak arasına eşit ve dot kaynak ses dosyası sıçrama nokta mp3 o yüzden bu etkisi web sayfanıza bu ses dosyası preload olmalı şimdi tüm fare aşağı olay aşağı yapmak zorunda sıçrama örneğini hedeflemek ve koşmak düzlem yöntemi yakın parantez açmak böylece bip nokta oyun yapmanız gereken tek şey Şimdi bizim favori modern bir tarayıcı bu test edelim böylece bizim burada düğmeleri tüm bar bağlantıları hepsi var bakın Bazı CSS arabada atmak ne zaman, ikinci bir düğme olacağız Eğer ses efekti var biz zaten bağlı olduğunu görebilirsiniz onların bizim istediğimiz hangi böylece özünde JavaScript işlevleri bulunuyor tam orada ve gerçekten neler olup bittiğini anlıyorum çok ileri gitmek gerekmez şimdi şimdi ve bazı CSS poppin yapacağım sizin için küçük bir bonus durumda baş elemanı yüzden CSS yeni konum Bizim komut elemanı üzerinde onun türünü yapmak bir stil öğesi olarak olacak koymak kulüpler text / css ve benim CSS koyacağım içinde ben şimdi stil öğesi kapatmak emin olun ve gerçekten paralamak hedeflemesi Bu gibi özellikleri Sizin Betar görebilirsiniz görmek ama ben de çöküşü ben Eğer bu özellikler, Yedekleme siz PHP geliştirmek için kod kapmak zaman edeceksin duyacağınız tüm tek bir satırda olmak bu kod kapmak ve hala işe verirseniz sadece iyi ne yapacağım bunun için burada şimdi bir tane var şimdi fikrini koymak şimdi yapmak zorunda Şimdi eleman şimdi Kimliği şimdi bir tane eşittir Şimdi tüm CSS uygulanacak benim Bu dahilinde bir unsur şimdi sahip ve NAB kendini böylece NAB kendisi belirli bir margin-top: 24 piksel bu yüzden ben beri Sayfanın en biraz tüm çocuk eleman var biri yoktu vurgulu devlet artık bu özellikleri veren ve dönüş yapma aktif duruma bir yeşil renk ve daha sonra Devlet hangi aslında ben bir dönüş daha parlak bir yeşil yapıyorum tıkladığınızda kapak böylece aktif devlet size gerçek hedeflemek istiyorsanız hedef biridir etkileşim olayı gerçek bu aktif devlet var tıklayın Alex bizim iyilik gözatma bu çalıştırmak ve biz ne olsun bakın araba mükemmel araba araba pişirmek Araba tamam o ilk örnek accompli var Oldukça neler siz başınızın etrafında sarmak gerekir Kolayca şimdi Seni sadece insanlara göstermek için bir örnek daha yapanlar Biz yüklenirken konum kim Ajax içerik yükleme Seviyorum tüm sayfayı yenilemeden JavaScript sayfanın içine içerik O kullanır sizin için yol biraz farklı bir tür, bu konuda gitmek istiyorum istiyorum bu yüzden gerçek hızlı olduğu örnek yapmak ve her şey iyi ilk yapmak açıklamak bu nedenle bu tarz elemanı çökecek biz gerçekten artık eklemek bakmak gerekmez ve sadece gerçekten var kozmetik tamam yüzden olacak bu ne gelecek, örneğin burada yapmak Bir işlev çağrısı oyun BTN alınır yakın onun açık küme ayracı yazdırır açık / ses ve küme ayracı kapatılması ve bu işlev için argümanlar alan işitme Biz değişken adı% olarak olacak bir yer değil ah uyuşmuş şimdi yapacağımızı işlev içeriden çalıştırılır sıçrama nokta yüzden oynamak biz oyun sıçradı koyabilirsiniz Orada noktalı virgül ve şimdi tıklama olay hedef izin için en düğme elemanlarının bir grup diyelim olacak biz duyarlı hastalıkların düğmesi öğeleri Onun yerine bu bölüm 1 çalışan bir oyun dışarı bleeped diyelim yapacağız oynat düğmesi ses işlevi çalıştırmak ediyoruz ve yapacağız bir parametre göndermek ediyoruz bir anda en emin alalım bölüm 1 temsil düğme var, belki iki kez daha koydu bölüm iki bölüm 3 değişiklik ve burada kalacağız bunu ve üç göndermek bu şekilde, bu fonksiyonu da bilir aslında daha daha mantıklı olacaktır, bu yük içeriğini dinleme Bu fonksiyon yük içeriği kabul oynat düğmesi sesi isim Fonksiyon yük içeriği içeriden en Yük içerik diyor bir yorum yapmak Şimdi düğme ses çalma ve daha sonra düğmeye yapar hemen sonra mısın yük içeriği Bir sayfa verilen içine yüzden yerine vermek koyalım yaptım ama yakın yaptım onun NAB elemanı altında bu yönde onu hedef böylece bir kimlik yaptım onların verelim ve HTML içeriği koymak Bir dinamik bayan ismi içine bu 1 div: İç tip varsayılan içeriği ile iç Şimdi düğme ses yangınlarından sonra ve birini vermek için içerik yüklemek için bip ihtiyacını duyuyorum Bir var div 1 tanık: eşittir Belge No o eleman dot İstediğimiz yere biz sadece bunun için bir nesne başvurusu alıyoruz birini vermek Burada element javascript ve sonra biz söyleyebiliriz tek diyet yaptım innerHTML Yüklenen içeriği eşittir bölüm için ve daha sonra artı bölüm, içinde görüntülenecek gerekiyordu nom savaş değil ekran vermek Bu sadece gösteri amaçlı tüm ama bu nasıl insanlar dinamik sayfanın içine içerik yüklemek Eğer sayfayı yenilemek zorunda değilsiniz ve yüklü sonra sadece can İsterseniz haber içeriği ile sayfanın bir bölümünü yeniden Ben bu yüzden her şeyi bana oldukça iyi görünüyor şimdi ne olsun bakın en bizim iyilik tarayıcısında bu çalışmasına izin biz bir menü sistemi üzerinde düğme ses olsun ve nerede dinamik yeni içerik yükleniyor basıldığında hangi düğme göre yaptım dahil Kapı yüzden bu iki farklı senaryo ve Kullandığımız çünkü bu örnekte, bu CSS herhangi bir ihtiyacınız ama hiçbir unsurlar o stil CSS farklı olanlar hedef alacağını böylece bu iki farklı kod örnekleri gösterdi ilk örneği almak sayfa sayfa gitmekten daha geleneksel bir yol Normal navigasyon gibi web sitesi ve sonra bu ikinci örnek gösterir ve Yükleme sayfası içeriği dinamik Ajax javascript kullanarak ve dışarı bleeped oyun yapabilme Yükleme içerik fonksiyonları içinde Yangınla tamam biz düğme sesi etkiler oluşturma konusunda bu dersi memnun kaldım umarım HTML5 ve JavaScript uygulamaları Siz herhangi bir sorunuz varsa ya da yorumlar aşağıda bırakın güle güle.