Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

felipebmfaria

Link com som, com CSS;

Por , em Javascript

Recommended Posts

felipebmfaria    1

felipebmfaria
Postado

Vi muita gente dizendo que o CSS impede o funcionamento do som no link com o JavaScript, encontrei neste site http://www.dynamicdrive.com/ um script que funciona com css.

 

 

 

PASSO 01

 

Coloque o código abaixo entre as TAGS <head> e </head>, modificando apenas a linha do "var soundfile":

 

<bgsound src="#" id="soundeffect" loop=1 autostart="true" />

<script type="text/javascript">

/***********************************************
* JavaScript Sound effect- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit [url="http://www.dynamicDrive.com"]http://www.dynamicDrive.com[/url] for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

var soundfile="exemplo.wav" //local onde seu arquivo de musica esta salvo

function playsound(soundfile){
if (document.all && document.getElementById){
document.getElementById("soundeffect").src="" //reset first in case of problems
document.getElementById("soundeffect").src=soundfile
}
}

function bindsound(tag, soundfile, masterElement){
if (!window.event) return
var source=event.srcElement
while (source!=masterElement && source.tagName!="HTML"){
if (source.tagName==tag.toUpperCase()){
playsound(soundfile)
break
}
source=source.parentElement
}
}

</script>

PASSO 02

 

Insira esta linha no local onde você quer o script apareça:

 

<a href="www.site.com.br" onMouseover="playsound(soundfile)">Link 01</a>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito