Uncle Jim's Web Designs: Play Sounds on Mouseover and Click

Uncle Jim's Web Designs - JavaScript Examples

Play Sounds on Mouseover and Click

Author: Jim Stiles

This script attaches an onMouseover or onClick sound event to links, playing WAV files.
When you move your mouse over the text, a WAV file is played.

First, you need to preload and assign your sound files to the events by placing the following script between the head tags:

COPY - Insert Between Head Tags: <HEAD></HEAD>

var aySound = new Array();
// Below: source for sound files to be preloaded
aySound[0] = "SOUNDFILE1.wav";
aySound[1] = "SOUNDFILE2.wav";
aySound[2] = "SOUNDFILE3.wav";
aySound[3] = "SOUNDFILE4.wav";
aySound[4] = "SOUNDFILE5.wav";

// DO NOT edit below this line
document.write('<BGSOUND ID="auIEContainer">')
IE = (navigator.appVersion.indexOf("MSIE")!=-1 && document.all)? 1:0;
NS = (navigator.appName=="Netscape" && navigator.plugins["LiveAudio"])? 1:0;
ver4 = IE||NS? 1:0;
onload=auPreload;

Next, you need to assign a particular sound file event to your links:
MY HOME PAGE | JAVASCRIPT EXAMPLES | MICROSOFT OFFICE TIPS | ON-LINE GAMING SITE

COPY - Insert Inside Body: <BODY></BODY>

You can also set it to play onClick, as in the below example:
Click here to play sound

COPY - Insert Inside Body: <BODY></BODY>

Or, you can create a button to play a sound, like the example below:

COPY - Insert Inside Body: <BODY></BODY>

Or, you can create an image file to play a sound, like the example below:

COPY - Insert Inside Body: <BODY></BODY>

Close This Window