Mouseover Sound Effects
Here is the code and a few examples of how this script works. Don't overuse it!
First, you need to paste the following code into the <head> section of your page:
Note that you can have as many (or as few) calling lines as you need - each line defines one sound. They're best created as MP3 files, as they're smaller than .WAV files, and so will load quicker.
The next stage is to place the links or images you want to apply the sound effects to:
In the <body> section of your page, enter the line <bgsound id="base"> This tells your visitor's browser where to look for the sounds and where to apply them.
Now decide where you want the sounds. For an image, this is the calling line:
<img src="../../computing/tips/suzypassport.jpg" onmouseover="playTunes()" onmouseout="playTunes1()">
Note the "playTunes()" and "playTunes1()" sections in the calling code - that's where the effect happens.
Try moving your cursor over and off the image below, to hear the effect.
A link is constructed in much the same way:
Its calling line is:
<a href="#here" onmouseover="playTunes()" onmouseout="playTunes1()">dummy link here</a>
Try mousing over it.
It's pretty much as easy as that - simply add the "onmouseover="playTunes()" lines to pretty much wherever you want!
