Cara Membuat Effect Sound Ketika Di Hover Pada Website

Hallo teman teman balik lagi ditutorial Source Code Aplikasi dan masih semangat yah bagi membahas semua riuk-pikuk dunia programming, nah di kesempatan yang bagus ini saya akan membahas mengenai Cara Membuat Effect Sound Ketika Di Hover Pada Website, nah mungkin teman-teman pernah meliha sebuah tampilan laman ketika diantara fitur yang kita sorot atau kita dekati akan mengeluarkan sebuah bunyi beep,

nah di dasarnya sih saya bikin artikel ini terinspirasi dari diantara media bagi merancang craking yah hehe, makanya saya seketika cari tahu dan seketika menulisnya agar tak hilang, nah oke sebelum kita mulai teman teman dapat siapkan sound bagi bunyi nya yah, dapat unduh di internet, oke seketika 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();

});

Jikalau telah save dan jangan lupa yang terpenting yakni penulisan jquery nya karena itu yakni salah satyu bagi memanggil bunyi, oke lumayan gampang bukan, demikian panduan mengenai Cara Membuat Effect Sound Ketika Di Hover Pada Website. Hingga bertemu diartikel berikutnya dan hingga jumpa.

#KeepLearn

#IsmetMA

Sumber https://kursuswebsite.org