Jump to content

D@nielle

Members
  • Content count

    3
  • Joined

  • Last visited

Posts posted by D@nielle


  1. Olá.

    Estou com dificuldade para trocar a imagem do menu conforme passa o mouse. Criei uma função no javascript para isto, porém não encontro o erro no código.

    Segue o codigo; 

     

    <!DOCTYPE html>

    <html lang="pt-br">

    <head>

    <meta charset"UTF-8"/>

    <title> Tudo sobre Google Glass</title>

    <link rel="stylesheet" type="text/css" href="_css/estilo.css"/>

    </head>

    <script>

    function mudaFoto(foto){

    document.getElementByID("icone").src = foto;

    }

    </script>

    <body>

    <div id="interface">

    <header id="cabecalho">

    <hgroup>

    <h1>Google Glass</h1>

    <h2>A revolução do Google está chegando</h2>

    </hgroup>

    <img id="icone"src="_imagens/glass-oculos-preto-peq.png" alt="google glass">

    <nav id="menu">

    <h1>Menu Principal</h1>

    <ul>

    <li onmouseover="mudaFoto('_imagens/home.png')"><a href="index.html">Home</a></li>

    <li onmouseover="mudaFoto('_imagens/especificacoes.png')"><a href="specs.html">Especificações</a></li>   

     

    A ideia é trocar a imgem de id="icone" por uma imagem do meu arquivo (como está descrito acima) ao passar o mouse. 

    Obrigada

     

     

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.