Então galera,isso é uma coisa que nunca consegui fazer.
Gostaria de fazer um menu quer seria assim:
Imagem 1-Mouse Over
Imagem 2-Mouse Hover
Só isso,aguardo respostas desde já obrigado.
Te Ajudei?Repute!
Me ajudou?Eu te Reputo!
Agradecer não custa nem 1 segundo da sua vida!
Como Criar Menu De Imagens Em Css?
Started By NeTBuS19, 31/07/2011, 08:36
4 replies to this topic
#1
NeTBuS19
-
- Usuários
-
- 2 posts
Novato no fórum
- Sexo:Masculino
- Localidade:goiânia
Posted 31/07/2011, 08:36
#2
NeTBuS19
-
- Usuários
-
- 2 posts
Novato no fórum
- Sexo:Masculino
- Localidade:goiânia
Posted 04/08/2011, 22:31
alguem?
#3
Porty
-
- Usuários
-
- 5 posts
Novato no fórum
- Sexo:Não informado
Posted 04/08/2011, 22:50
A forma mais simples é criar duas imagens, e depois criar um evento.
Quando o utilizador clica na imagem o brownser mostra a segunda imagem.
Exemplo de scrip javascript para criar esse efeito.
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="a_minha_imagem_A.gif"
}
function mouseOut()
{
document.getElementById("b1").src ="a_minha_imagem_B.gif"
}
</script>
</head>
<body>
<a href="http://www.omeudominio.com" target="_blank" onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="Visite o meu site!" src="a_minha_imagem_B.gif" id="b1" />
Quando o utilizador clica na imagem o brownser mostra a segunda imagem.
Exemplo de scrip javascript para criar esse efeito.
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src ="a_minha_imagem_A.gif"
}
function mouseOut()
{
document.getElementById("b1").src ="a_minha_imagem_B.gif"
}
</script>
</head>
<body>
<a href="http://www.omeudominio.com" target="_blank" onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="Visite o meu site!" src="a_minha_imagem_B.gif" id="b1" />
www.host4go.com
Hospede os seus sites a partir de $ 3.50
4500+ Templates, 70+ Scripts, e muito mais!
#4
knoxville
-
- Usuários
-
- 951 posts
Backdoor Man
- Sexo:Masculino
- Localidade:Itajaí - SC
Posted 08/08/2011, 20:09
amigo, é só vc usar por exemplo o a:hover ou a.classe:hover
para maiores informações é só consultar aqui: http://maujor.com/tu...al/csslinks.php
qualquer dúvida só perguntar!
para maiores informações é só consultar aqui: http://maujor.com/tu...al/csslinks.php
qualquer dúvida só perguntar!
#5
provest
-
- Moderadores
-
- 584 posts
Felipe Antunes
- Sexo:Masculino
- Localidade:Rio de Janeiro
-
Interesses:https://www.cliquevestibular.com.br
https://clickeducacao.com.br/
http://www.felipeantunes.com.br
Posted 09/08/2011, 17:35
cara use css puro mesmo.
Nesse caso seria melhor usar até o famoso css sprite.
http://felipeantunes...as-css-sprites/
Nesse caso seria melhor usar até o famoso css sprite.
http://felipeantunes...as-css-sprites/
Felipe Antunes - Front-End
www.felipeantunes.com.br - clickeducacao.com.br - cyberconcurseiro.com.br - cybervestibular.com.br - pluc.com.br
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
