Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Audio/Sound » Sound-track for text-links

Sound Track For Text Links, Audio/Sound Code For Webpage

This JavaScript adds a soundtrack to text links and enhances the effect with a flashing DHTML animation. This script can be used on Internet Explorer or FireFox Browsers

View Demo

Insert this code before </head>

<script language=javaScript>
<!-- Beginning of JavaScript -

/*
Thunderstorm by Urs Dudli and Peter Gehrig http://www.24fun.ch, info@24fun.ch, 11/16/1999
*/

var x,y,i
var shakestrength=30
var i=shakestrength
var vorzeichen=1

function showsoundpic() {
	if (document.all) {
		document.all.soundgif1.style.posTop=y-100
		document.all.soundgif1.style.posLeft=x
		shakesound()
   }

   	if (document.layers) {
		document.soundgif1.top=y-100
		document.soundgif1.left=x
		shakesound()
   }
}

function shakesound() {
	if (document.all) {
		if (i > 0) {
			document.all.soundgif1.style.posTop+=i*vorzeichen
			document.all.soundgif1.style.posLeft+=i*vorzeichen
			vorzeichen=vorzeichen*(-1)
			i--
			var timer=setTimeout("shakesound()",50)
		}
		else {
			document.all.soundgif1.style.posTop=-400
			document.all.soundgif1.style.posLeft=-400
			i=shakestrength
			clearTimeout(timer)
		}
   }

   	if (document.layers) {
		if (i > 0) {
			document.soundgif1.top+=i*vorzeichen
			document.soundgif1.left+=i*vorzeichen
			vorzeichen=vorzeichen*(-1)
			i--
			var timer=setTimeout("shakesound()",50)
		}
		else {
			document.soundgif1.top=-400
			document.soundgif1.left=-400
			i=shakestrength
			clearTimeout(timer)
		}
   }
}

function makesound(soundobj){
	showsoundpic()
	var thissound= eval("document."+soundobj)
    thissound.play()
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
}
if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>

<STYLE>
.mainbody {
	position: absolute;
	top:50px;
	left:100px;
	width:400px;
	font-family:Arial;
	font-size:12pt;
	color:FFFFFF;
}
.soundpic {
	position: absolute;
	top:-400px;
	left:-400px;
}

A {
	color:FF0000;
	text-decoration:none;
}
</STYLE>

Insert this code before </body>

<DIV id="soundgif1" class="soundpic"><img src="flash1611.gif"></DIV>
<DIV id="mainbody" class="mainbody"><a href="http://www.24fun.ch" onMouseOver="makesound('sound1')" target="_blank">Move your mouse over this link</a> and discover the most easy way to add a sound-track to your textlinks. And then? Then download original JavaScripts written by the most creative (and mad) web builders from all over the world. Or submit your JavaScripts and DHTML scripts to our guestscript center. Our JavaScript center offers games, fun, <a href="http://www.24fun.ch" onMouseOver="makesound('sound1')" target="_blank">rollovers,</a> scrollers, tickers, forms, clocks, CSS and much more. <a href="http://www.24fun.ch" onMouseOver="makesound('sound1')" target="_blank">Download</a> more fun-scripts for free.</DIV>

<EMBED SRC="thunder1611.au" autostart=false HIDDEN=TRUE NAME="sound1" MASTERSOUND>

Related Resources: