Criando Rollovers com JavaScript
RSS feed do site?
Publicado em: 29/11/2007
Área: JavaScript
Visualizações: 2.430
Comentário(s): 1
<html>
<head>
<title>Meu Primeiro Rollover em JavaScript</title>
</head>
<body>
<p><b>Meu Primeiro Rollover em JavaScript</b></p>
<p><img border="0" src="../../../bart.jpg" width="254" height="425"></p>
</body>
</html>Obs.: No parâmetro SRC você deve indicar o local onde se encontra a imagem que você irá utilizar.
Quando o ponteiro do mouse passar sobre a imagem ela deverá ser trocada e quando for retirado da figura deverá voltar a apresentar a imagem anterior.
É importante lembrar que as imagens não aceitam os handlers de evento “ONMOUSEOVER” e “ONMOUSEOUT”. Sendo assim, as imagens terão que ser colocadas dentro de um link, que aceitam os handlers.
Abra o código digitado acima e acrescente a ele as linhas em negrito do código abaixo.
<html>
<head>
<title>Meu Primeiro Rollover em JavaScript</title>
</head>
<body>
<p><b>Meu Primeiro Rollover em JavaScript</b></p>
<p><a href= "#"
onmouseover = "document.bart.src = '../../../homer.jpg';"
onmouseout = "document.bart.src = '../../../bart.jpg';">
<img border="0" src="../../../bart.jpg" width="254" height="425" name = "bart"></p>
</body>
</html>Note que as imagens são diferentes para cada um dos handlers.
Assim concluímos a criação de rollovers, viram como é fácil?!
Até a próxima...
Web Designer e Programador Web (PHP/MySQL) e Desktop (Delphi). Professor de Informática.
Todas as matérias de Jonathan Lamim Antunes
- 1992 - O ano em que Bill Gates previu o futuro dos computadores
O computador terá o tamanho que você quiser. Poderá ser do tamanho da .
- Photoshop: Aplicando tatuagem em uma pessoa
Aqui veremos como aplicar uma tatuagem a qualquer pessoa de uma maneir.
- Dicas para tornar seu site conhecido
Público é um item fundamental para se ter um site. De que adianta você.
- Imagens em quebra cabeça
Veja como transformar suas imagens em quebra cabeças de uma maneira be.
- Vídeo Aula Sony vegas - Criando efeito de filme antigo
Olá pessoal, estou aqui para mais uma vídeo aula, desta vez vou mostra.
- Sistema de Login com Jquery
Aprenda a fazer um sistema de login php/mysql e javascript.
- Limitar texto em um textarea
Este artigo mostra ensina como vocês podem bloquear o número de caract.
- Reflexo em imagem com javascript
Vou demonstrar hoje um efeito muito útil para todos os desenvolvedores.
- Mascará para campo hora
Hoje vou mostrar como se faz uma mascará no campo de hora em javascrip.
- O Futuro do Javascript
De repente tive esta reflexão "Qual será o futuro do javascript ?.
- Anuncie |
- Cadastro |
- Divulgue-nos |
- Fale Conosco |
- Layouts |
- Links |
- Mapa do site |
- Colunas populares |
- PageRank Checker |
- RSS |
- Vídeos
© 2005 - 2009 - Oficina da Net - v 4.0 - É proibida a reprodução parcial ou completa do conteúdo deste site sem autorização por escrito. Resolução adequada: 1024x768px.
André Luis P. Porto
Publicado em: 29/05/2008 - 12:05
Legal cara!!!