Arquivo de Códigos - Curso Completo - DHTML - As pseudoclasses dinâmicas :hover e :active

	Precisa de um freelancer, códigos-fonte e exemplos completos? Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
	Fechar esta janela

Artigos & Tutoriais | Dicas & Truques | Contrate Nossa Consultoria | Downloads | Quem Somos

Arquivo de Códigos - Página Inicial

Códigos-fonte

» Códigos-fonte e exemplos completos

Linguagens

» ActionScript

» DHTML - Dynamic HTML

» Java Servlets

» JSP - Java Server Pages

Bancos de Dados

Frameworks

» JSF - Java Server Faces

» Ruby On Rails

» Zend Framework

Container/Servidor

» Apache Tomcat

» Apache Web Server

Ferramentas

» iTextSharp (iText#)

Referęncias

Serviços On-Line

» Qual é meu IP?

» Tabela Cores HTML I

» Tabela Cores HTML II

» Lista de Mime Types

» Códigos Teclas Virtuais

Usuários On-Line

Visitantes: 105

PHP

O que há de novo no PHP 5?

40 dicas e truques sobre como trabalhar com datas e horas em PHP

60 dicas e truques sobre como trabalhar com strings e caracteres em PHP

PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML

Curso completo de DHTML para iniciantes

CSS

Como definir uma imagem de fundo fixa na página

Definindo uma imagem de fundo para botões HTML

Você está aqui: Inicio -> DHTML -> Curso Completo -> As pseudoclasses dinâmicas :hover e :active

As pseudoclasses dinâmicas :hover e :active

Enquanto usamos as pseudoclasses :link e :visited para exibir ao usuário detalhes sobre o estado dos links, nós podemos tornar esta interação ainda mais dinâmica, fazendo uso das pseudoclasses :hover e :active.

A pseudoclasse :hover (não se esqueça dos dois pontos) é empregada para alterar a cor ou outras propriedades dos links quando o ponteiro do mouse está sobre eles. Creio que você já deve ter desenvolvido ou visitado sites usando este efeito. Veja um trecho de código exemplificando sua declaração:

<style type="text/css">

</style>

Experimente escrever uma página usando estas declarações. Você perceberá que sempre que o ponteiro do mouse estiver sobre os links, eles ficarão em negrito. Isso foi conseguido com o uso da propriedade font-weight: bold e a pseudoclasse :hover. Vamos agora à pseudoclasse :active.

A pseudoclasse :active é usada para definir o estado do link quando ele estiver ativo. Isso ocorre dentro do espaço de tempo em que o usuário pressiona o botão do mouse e o libera (ou quando o foco sai do link para os outros elementos da página). Esta pseudoclasse é muito pouco usada, já que o efeito de interação fornecido nem sempre é percebido. Veja um trecho de código exemplificando o uso das quatro pseudoclasses vistas aqui:

<style type="text/css">

</style>

A título de exercício você pode escrever uma página usando estas classes ou executar o arquivo lab1-12.htm para ver uma página HTML já pronta.

<< Início do curso | Como usar classes e pseudoclasses >>

Clique para voltar para a página anterior

Arquivo de Códigos - Página Inicial

Veja dicas, truques e anotações de PHP-GTK

Disparando ações quando o mouse entra ou sai da área de um GtkButton

Aprenda a criar botões usando PHP-GTK

Como evitar que uma janela GtkWindow seja redimensionada

Como exibir uma imagem (ícone) ao lado do texto de um botão

Entendendo a classe GtkWindow

Como definir a cor de fundo para um GtkButton

Exibindo e atualizando as horas em um GtkLabel usando um timer

Como habilitar ou desabilitar um GtkButton

Como carregar uma imagem e exibí-la em uma janela GtkWindow

Definindo a cor de fundo para uma janela GtkWindow

Veja dicas, truques e anotações de outras linguagens

Ruby - Invertendo a ordem dos elementos em um array

Java - Criando um array de JMenuItem e detectando qual deles foi selecionado pelo usuário

PHP - Quais as diferenças entre include e require?

JavaScript - Validação de formulários - Usuário e Senha

ActionScript - Como converter um número na base decimal para a base hexadecimal

Java - Obtendo o valor de PI em Java

Java - Aprenda a adicionar elementos em uma Stack

C# (CSharp) - Efetuando cálculos de porcentagem em C#

Java - Como verificar se uma determinada chave está contida no HashMap

C# (CSharp) - Código completo para uma aplicação Ping usando C#

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::

Todo o conteúdo deste site, quando não devidamente observado, pertence a seus idealizadores e não
poderá ser usado para outras finalidades senão estudo e aprimoramento de técnicas de programação.
Certifique-se de ler as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Site Meter