Hallo sahabat Dumet, bagaimana kabar sahabat hari ini? Semoga sehat semua ya.. aamiin…

Pada tulisan kali ini saya akan membuat tutorial bagaimana cara memberikan suara pada elemen menu. Jadi ketika kita hover, elemen menu tersebut akan mengeluarkan suara. Caranya sahabat buat terlebih dahulu struktur HTML nya sebagai berikut.

Memberikan Suara Pada Elemen Menu

Oiya… sebelumnya sahabat siapkan terlebih dahulu ya suara yang nantinya akan digunakan. Dan dipanggil pada selector audio seperti di atas. Kemudian kalo sudah selesai berikan style CSS sederhana seperti berikut.

Memberikan Suara Pada Elemen Menu

Nah, ini yang paling penting. Kita tambahkan javascript (JQuery) seperti berikut ini.

Memberikan Suara Pada Elemen Menu

Sekarang sahabat silahkan jalankan file .HTML nya pada browser dan lihat hasilnya. Saat elemen menu di pilih maka suara akan mengeluarkan suara. Berikut tampilan yang telah kita buat.

Memberikan Suara Pada Elemen Menu

Okay, semoga tulisan ini bisa bermanfaat dan tentunya bisa menambah ilmu baru lagi buat sahabat-sahabat di rumah. Jangan pernah bosan untuk selalu belajar belajar dan belajar. Semangat! 🙂