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.
 
Arquivo de Códigos - Página Inicial
Códigos-fonte
» Códigos-fonte e exemplos completos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
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: 121
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">
<!--
  a:link {color: red}
  a:visited {color: orange}
  a:hover {font-weight: bold}
//-->
</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">
<!--
  a:link {color: red}
  a:visited {color: orange}
  a:hover {font-weight: bold}
  a:active {color: green}
//-->
</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 >>
 
 
Arquivo de Códigos - Página Inicial
Veja dicas, truques e anotações de VB.NET
Como remover (retirar) todos os espaços de uma string
Como percorrer todos os caracteres de uma string usando um iterador IEnumerator
Como adicionar itens a uma ListBox em tempo de execução
Classificando um array de inteiros em ordem crescente
Adicionando meses à data atual
Aprenda a copiar parte dos elementos de um array para outro
Selecionando todo o conteúdo de uma caixa de texto ao clicar em um botão
Como converter um valor binário em decimal usando VB.NET
Como definir a cor de fundo para um botão
Como obter o dia da semana como um valor inteiro
Veja dicas, truques e anotações de outras linguagens
iTextSharp - Criando um documento PDF passo-a-passo usando iTextSharp e Visual C# 2005
Java - Entendendo o modificador static
Java - Definir barras de rolagem para um JTextArea
Adobe Flex - Como alterar a cor de fundo de um Panel
C# (CSharp) - Obter o dia da semana em formato string
JavaScript - Como codificar todos os componentes da URL de uma página
Zend Framework - Como obter o dia do mês com apenas um dígito (sem o zero antes)
PHP - Obter o dia da data atual com dois dígitos
Zend Framework - Como usar a classe Zend_Date para obter a quantidade de dias em um determinado mês
jQuery - Substituindo uma classe por outra em um elemento HTML

       

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

Página Inicial Contatos Pesquisar Mapa do Site