Programação  
 
Conhecimento computador >> Programação >> Programação De Computador Idiomas >> 
Como criar um rollover de imagem usando programação HTML
linguagem de marcação de hipertexto (HTML) é uma linguagem de computador que é usado para criar páginas web. Saber como usar códigos de HTML podem ajudá-lo a manipular suas configurações de página . Você pode criar um link de imagem que vai mudar quando os visitantes mover o mouse sobre o link. Sobreposições de imagem podem ser criados usando JavaScript. Você também pode criar sobreposições de imagem para os itens nos menus . Quando os visitantes rolar o mouse sobre os itens do menu , o item de menu ficará em destaque. Criando sobreposições de imagem é uma boa maneira de dar suas páginas um apelo mais profissional. Instruções
1

Inicie o processador de texto ou editor de texto que você usará para criar sua página da Web e abrir a página . Adicione a imagem desejada e incluí-lo dentro da tag

. Depois que o nome da imagem , digite o nome = " rollover" .
2

Tipo antes da tag

. Substituir o ponto de interrogação com o endereço da página da Web que você deseja ter aparecer quando um visitante clica sobre a imagem. Digite , segundo a imagem
3

Verifique se o seu texto é semelhante ao seguinte : .

< IMG SRC = " foto.jpg " NAME = " rollover "> < /center>
4

Digite onmouseover = ' rollover.src = "?" ' dentro do tag. Substituir o ponto de interrogação com a localização da imagem que você deseja ter aparecer quando um visitante move o mouse sobre a imagem original .
5

Digite onmouseout = ' rollover.src = "?" ' Substituir . no ponto de interrogação com a localização da imagem que foi adicionado na Etapa 1
6

Verifique se o texto se parece com o seguinte: < a HREF = " pages.html " onmouseover = ' rollover . src = " foto.jpg '" onmouseout = " rollover.src =" foto.jpg " '>

< ;/a>
7

Abra um novo navegador da Web para verificar se a sua página da Web exibe a imagem que você está usando para a sua imagem de sobreposição. Teste o seu site e verificar se os visitantes podem mover o mouse sobre a imagem e ele vai mudar a imagem que você especificou .

Anterior :

Próximo : No
  Os artigos relacionados
·Como usar Camel Casing 
·Como escrever algoritmos simples 
·Ajuda com Turbo Pascal 7.0 
·Como dividir os valores de um campo onde um personagem …
·Depuração de uma violação de acesso 
·Onde está o pisca-pisca em um Hyundai Tiburon 2004 
·Vs Formal . Semi formais Métodos Algoritmo 
·Descrição do trabalho de um gerente de programa da Mi…
·Consultas que correr mais rápido em bancos de dados es…
·Como criar um Registro de Grupo Redo 
  Artigos em destaque
·Como converter System.DBNull para um Integer 
·Certificação Arquiteto Mobile 
·Como excluir uma tabela do banco de dados Só se ele já…
·Como formatar um campo de texto para aceitar apenas nú…
·Como pode ser criado Loops Infinitos 
·Como criar banco de dados no Coding Lisp 
·Como Hotlink Usando FBML 
·Como fazer um arquivo TLB 
·Como se conectar a Acesse em VB6 
·Como formatar casas decimais em C # 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados