Programação  
 
Conhecimento computador >> Programação >> Programação De Computador Idiomas >> 
Mude a cor do texto em Mouseover
Uma maneira de chamar a atenção de um visitante de seu site é fazer com que as palavras na cor mudança de página quando mover seu mouse over. Cascading Style Sheets fornece uma solução para realizar esta tarefa com a pseudo-classe chamada hover. Configurando o HTML

Alterar cor do texto com CSS começa com a seleção de uma tag HTML no corpo do documento. ( Se você estiver navegando na Internet usando o Internet Explorer 7 ou inferior , esta técnica só funciona se você usar a tag . Se você estiver usando o Internet Explorer 8 ou Firefox 3 , estas instruções irá funcionar em qualquer tag HTML. )

Use a tag "span" para mudar as palavras na frase . Aqui está um exemplo:

só vou comer sorvete se tiver caramelo , chocolate ou hot fudge .

Adicione os seguintes nomes de classe no interior do início tag "span" para diferenciar cada sorvete cobertura:

só vou comer sorvete se tiver ,. caramelo , chocolate class="chocolate"> ou hot fudge

Os nomes de classe são ambos usados ​​para identificar quais palavras vamos estar afetando com nossas regras de estilo e para ajudar a manter o controle do que estamos mudando .
Configurando o Estilo

CSS pode ser configurar uma das três formas : local, internos e externos. Este processo específico , no entanto , só pode ser realizado internamente ou externamente.

A folha de estilos local consiste no início e fim tags e um conjunto de instruções entre eles. As marcas de estilo só pode ser colocado entre os no topo do documento. A folha de estilos local afeta somente a página em que ele está localizado.

Digite o início e término tags entre os no topo do seu documento HTML. Em seguida, digite a palavra " espaço " entre eles. Adicione o seguinte código após o "span" , como mostrado: espaço

Adicione mais três " do espaço " depois do "span" inicial, seguido de um período e os nomes das classes de cada sorvete cobertura , como mostrado :


Adicionar um cólon , além da pseudo-classe "pairar ", após cada nome de cobertura:

< br >

Adicionar uma chave esquerda , em seguida, "cor", dois pontos e uma cor diferente para cada sabor. Acabar com as declarações com um ponto e vírgula e uma chave direita , como mostrado :


estilos externa folha

Uma folha de estilo externa é simplesmente um arquivo de texto salvo com uma extensão de CSS. Copie as regras de estilo que estão entre os tags na declaração acima , em seguida , adicione o seguinte código entre as :

< link rel = tipo de " estilo " = "text /css" href = " caminho /filename.css " />

Quando você coloca o mouse sobre o texto , a palavra " caramelo " fica vermelho , "chocolate " torna-se verde e" fudge " fica rosa .

Anterior :

Próximo : No
  Os artigos relacionados
·Como Acessar Colunas DataSet 
·Como remover espaços em branco em SQL 
·Diagramas UML Explicada 
·Como Escrever um Documento de Concepção de Software 
·Como limpar Floating Elementos em CSS 
·Código MATLAB para White Noise 
·Net Framework 3.0 Tutoriais 
·Como usar Stored Procedures no SSRS 
·Como converter um Datestamp 
·Como converter Hex para Decimal em MIPS 
  Artigos em destaque
·Como usar um GDB Simulator 
·Como fazer um relatório a partir de folhas de Excel co…
·Como usar a função strcat em C + + 
·Como alterar a cor de uma célula de DataGridView 
·Função C estática em linha 
·Como usar o Exec em Bash Script 
·Como enviar um soquete de texto em UDP em Linux 
·Como fazer um menu do programa na TI-83 Básico de Prog…
·Como faço para configurar meus controles ActiveX 
·Como usar o Módulo Com Duplo 
Cop e direita © Conhecimento computador http://ptcomputador.com Todos os Direitos Reservados