[Resolvido] Como Tocar sons ao Passar o mouse?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por fdl em 09/09/10, 11:36 am

Olá,

Dúvida :
Como Tocar sons ao Passar o mouse? De modo que seja numa classe css?

Eu gostaria que ao Passar i=o mouse nessas Classes:
ul.navlinks
input.button1, input.button2, a.button1, a.button2, button.button2, button.button1

Tocasse este som: http://discolocal.ueuo.com/sons/Hover.mp3

e ao clicar nessas classes,tocasse este: http://discolocal.ueuo.com/sons/Clicando.mp3


Obrigado

Procedimentos que foram tentados para resolver :


Captura de tela (quando necessário) :


Até mais.
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por Needke em 09/09/10, 12:14 pm

Olá!
Creio que não seja possível através de CSS, somente por Javascript e Jquery!!
No entanto, acho melhor esperar pela resposta de alguem da staff para ajudar Piscada

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por fdl em 09/09/10, 11:22 pm

É,Eu tinha criado outro tópico,o Solkis ja tinha até respondido com o código JS,mas apagaram o tópico Triste
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por ddik em 10/09/10, 12:10 am

Olá,

Eu vou tentar criar o código. E não tive-mos culpa nos tópicos apagados foi um hacker, que invadiu minha conta e apago muitos tópicos. nos consegui-mos recupera muita cisa mas também perde-mos muitos tópicos.
avatar

ddik
Membro do Fórum

Masculino
Inscrito dia : 01/08/2009
Mensagens : 1787
Pontos Ativos : 2560

Ver perfil do usuário http://vilasims.com/

Resolvido Re: [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por fdl em 10/09/10, 10:47 am

ok,
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por Gaaratsu em 10/09/10, 11:14 am

John, crieo que isso é possível sim. Mais seria um código difícil de ser criado. No entanto, já vi isso em alguns fóruns, mais não da Forumeiros, com sons no mouse. Eu tentarei correr atrás de códigos para isto, creio que meu amigo que já fez isso possa ajudar-me!

Até mais!


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por fdl em 10/09/10, 11:47 am

É Um Código Java Script, o Sokis Tinha respondido com o Código pra mim em outro Tópico,Mas APagaram o Tópico ,,,
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: [Resolvido] Como Tocar sons ao Passar o mouse?

Mensagem por fdl em 19/09/10, 02:04 am

Olá,Consegui encontrar um Código,só não consigo por ele pra funcionar no fórum,mas ele funciona ,testem e me ajudem a fazer funcionar nas classes ( ul.navlinks, input.button1, input.button2, a.button1, a.button2, button.button2, button.button1 ) por favor:

Código:
<!HTML>
<html>
    <head>
        <title>Sounds</title>
    </head>
    <body>
        <a href="#" class="button1" />Button 1 class</a>
        <a href="#" class="button2" />Button 2 class</a>
        <script>
        var audio = null;
        var classes = ['button1', 'button2'];
        for(var i = 0; i < classes.length; i++) {
            var elements = document.getElementsByClassName(classes[i]);
            for(var j = 0; j < elements.length; j++) {
                elements[j].onclick = function(event) {
                    event.preventDefault();
                    audio = document.createElement('audio');
                    audio.src = 'http://discolocal.ueuo.com/sons/Hover.ogg';
                    audio.autoplay = true;
                    document.body.appendChild(audio);
                }
                elements[j].onmouseover = function(event) {
                    event.preventDefault();
                    audio = document.createElement('audio');
                    audio.src = 'http://discolocal.ueuo.com/sons/Clicando.ogg';
                    audio.autoplay = true;
                    document.body.appendChild(audio);
                }
            }
        }
        </script>
    </body>
</html>
avatar

fdl
Usuário destaque

Masculino
Inscrito dia : 19/06/2009
Mensagens : 562
Pontos Ativos : 867

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum