Membuat Suara Pada Link Atau Gambar

Moveover your mouse over any of the links below to hear a
sound effect:

Blogger FadLa

Facebook

Twitter.com

Diatas Adalah Contoh Jika Kita Menuju Link TSB maka ada Sound Effectnya

Click on the following links to hear a sound effect:

Link 1
Link 2
Link 3

Jika Kita Click Link 1 mka ada sound effectnya

Caranya Ada D Bawah
Directions:
Step 1: Add the following to the section of your page:

<script> // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com) // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc) //** Call: uniquevar.playclip() to play sound var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list: "mp3": "audio/mpeg", "mp4": "audio/mp4", "ogg": "audio/ogg", "wav": "audio/wav" } function createsoundbite(sound){ var html5audio=document.createElement('audio') if (html5audio.canPlayType){ //check support for HTML5 audio for (var i=0; i<arguments.length; i++){ var sourceel=document.createElement('source') sourceel.setAttribute('src', arguments[i]) if (arguments[i].match(/\.(\w+)$/i)) sourceel.setAttribute('type', html5_audiotypes[RegExp.$1]) html5audio.appendChild(sourceel) } html5audio.load() html5audio.playclip=function(){ html5audio.pause() html5audio.currentTime=0 html5audio.play() } return html5audio } else{ return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}} } } //Initialize two sound clips with 1 fallback file each: var mouseoversound=createsoundbite("whistle.ogg", "whistle.mp3") var clicksound=createsoundbite("click.ogg", "click.mp3") </script>

It The above code references the following sample sound files, which you can download below:

• whistle.ogg, whistle.mp3
• click.ogg, click.mp3

Different browsers support different file formats, so it's important to specify multiple versions of the same audio file to cover your bases. For example, Firefox/Chrome/Opera supports the .ogg format while IE9+/Safari supports the mp3 format instead. More information on this below.
Step 2: Add the below sample HTML to your site, which demonstrates adding a sound effect to two groups of links, one group when the mouse rolls over the links, and the other, onclick:

<p align="left"> <b>Moveover</b> your mouse over any of the links below to hear a sound effect:</p> <p align="left"> <a href="http://www.javascriptkit.com" onmouseover="mouseoversound.playclip()">JavaScript Kit</a></p> <p align="left"> <a href="http://www.dynamicdrive.com" onmouseover="mouseoversound.playclip()">Dynamic Drive</a></p> <p align="left"> <a href="http://www.cssdrive.com" onmouseover="mouseoversound.playclip()">CSS Drive</a></p> <p align="left"> <a href="http://www.codingforums.com" onmouseover="mouseoversound.playclip()">Coding Forums</a></p> <p align="left"> <b>Click</b> on the following links to hear a sound effect:</p> <p align="left"> <a href="#current" onclick="clicksound.playclip()">Link 1</a> <a href="#current" onclick="clicksound.playclip()">Link 2</a> <a href="#current" onclick="clicksound.playclip()">Link 3</a></p>

And that's it for installation at least!
Javascriptkit