JavaScript é uma linguagem de script que pode ser incluído em uma página da Web , é executado em um navegador da Web e pode ser acessado após o carregamento da página da web. Estas características tornam o JavaScript ideal para adicionar interatividade a elementos de design de uma página Web , permitindo-lhes fornecer respostas com base nas ações do usuário. Por exemplo, suponha que quando um usuário passa o mouse sobre uma imagem , um arquivo de música deve jogar. Este tipo de interação dinâmica pode ser implementado usando JavaScript. Instruções
1

Use seu navegador da Web para abrir um motor de busca e procurar uma imagem livre ( . Jpeg) para usar em sua página web. Baixe a imagem e salvá-lo. Além disso, procurar um arquivo de áudio livre ( . Mp3) e baixar o arquivo para o mesmo local .
2

Crie um novo arquivo em um editor de texto chamado " imagesound.htm " e salvá-lo. Este arquivo irá conter a imagem eo áudio , bem como funções de JavaScript que ativar e desativar a música baseada em ações do usuário . Ele deve ser formatado como
3

Editar imagesound.htm e colocar duas funções JavaScript dentro do " " e " " tags . A primeira função será chamada quando o usuário coloca o cursor sobre a imagem ea segunda função será chamada quando o usuário move o cursor para longe da imagem. Coloque as funções dentro , assim:

< linguagem de script = tipo "javascript " = "text /javascript " >

função enableSound ( soundfile ) { }

função DisableSound ()
4

Edite a função " enableSound ()" . Esta função recebe o nome do arquivo de áudio e usa-o para criar um objeto de áudio. O objeto de áudio é colocado em um elemento chamado " hidden_span " usando a propriedade innerHTML . A codificação deve agora olhar como este :

7

Adicione um " elemento "para imagesound.htm . Coloque o elemento abaixo da imagem e identificá-lo com o id " ' hidden_span ' . "

< Script language = " javascript " type = " text /javascript " >

função enableSound ( soundfile ) {

document.getElementById (' hidden_span ') . innerHTML =" < tipo de objeto = \\ " áudio /x- mpeg \\ " dados = \\" "+ soundfile +" \\ "width = \\ " 0 \\ "height = \\ " 0 \\ " escondido = \\" true \\ ">" ;

} < br > função

DisableSound () {

document.getElementById (' hidden_span ') innerHTML = ""; .

}

< br >
8

Save " imagesound.htm " para o mesmo local que os arquivos de imagem e áudio. Abrir imagesound.htm em um navegador da Web e usar o cursor para ativar e desativar o arquivo de música .