Destacando Um Link Ativo

Índice:

Destacando Um Link Ativo
Destacando Um Link Ativo

Vídeo: Destacando Um Link Ativo

Vídeo: Destacando Um Link Ativo
Vídeo: Como colocar link no Word 2010 2024, Maio
Anonim

A navegação no site é feita por meio de links. E sua seleção, vinculada a um determinado estado, serve como elemento de design e permite criar um belo efeito.

Destacando um link ativo
Destacando um link ativo

Instruções

Passo 1

Os links são especificados por tags e. Eles precisam ser escritos em campo. Você pode, em princípio, usar as ferramentas do painel de controle, mas para criar vários efeitos, você precisará fazer alterações no código. O atributo alink é responsável pela cor do link ativo, o visitado é vlink. No formato html, é exibido assim: Nome da guia Texto âncora Se você precisar fazer um link como uma imagem, insira a imagem entre e:.

Passo 2

O destaque ao passar o mouse sobre um link do cursor é gerado usando Javascript. O código neste caso se parece com este: destaque da função (que, cor) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Texto do link

etapa 3

Para realçar o plano de fundo em torno da âncora do link, use: função realçar (que, cor) {if (document.all || document.getElementById) which.style.backgroundColor = color}

Passo 4

Outra opção para destacar o link ativo:.link {background-color: # 810002} $ (document).ready (function () {$ ("li a"). RemoveClass ("link"); $ ("# link_"). addClass ("link");});

  • Link 1
  • Link 2
  • Link 3

Recomendado: