Hallo teman teman balik lagi ditutorial Dumet School dan masih semangat yah untuk membahas segala riuk-pikuk dunia programming, nah pada kesempatan yang baik ini saya akan membahas tentang Cara Membuat Effect Sound Ketika Di Hover Pada Website, nah mungkin teman-teman pernah meliha sebuah tampilan website ketika salah satu menu yang kita sorot atau kita dekati akan mengeluarkan sebuah bunyi beep,
nah pada dasarnya sih saya buat artikel ini terinspirasi dari salah satu media untuk membuat craking yah hehe, makanya saya langsung cari tahu dan langsung menulisnya agar tidak hilang, nah oke sebelum kita mulai teman teman bisa siapkan sound untuk bunyi nya yah, bisa download di internet, oke langsung saja teman-teman ikuti scriptnya dibawah sini :
<div class="a"> <a href=""> HOVER ME </a> <audio id="suara" preload="auto"> <source src="beep-10.mp3"></source> <source src="beep-10.ogg"></source> </audio> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
a { width: 100px; padding: 20px; padding-top: 20px; background: blue; color: white; text-align: center; display: block; }<br />
.a { margin: auto; width: 200px; padding-top: 20px }
var bunyi = $("#suara")[0];
$("a").hover(function(){
bunyi.play();
}, function(){
bunyi.pause();
});
Jika sudah save dan jangan lupa yang terpenting adalah penulisan jquery nya karena itu adalah salah satyu untuk memanggil bunyi, oke cukup mudah bukan, sekian tutorial tentang Cara Membuat Effect Sound Ketika Di Hover Pada Website. Sampai bertemu diartikel selanjutnya dan sampai jumpa.
#KeepLearn
#IsmetMA