Links e sobreposições são ferramentas comuns de programação , enquanto eles compartilham algumas funcionalidades comuns , eles têm algumas diferenças importantes. Capotamentos são como links em esteróides , proporcionando-lhe mais poder e opções, no entanto , eles são muito mais complicadas para criar . Ligações
Links de visitantes do site diretamente a informação de um local diferente . Ligações funcionam como saídas em uma estrada , permitindo que o visitante para selecionar destinos específicos que gostaria de visitar . As ligações podem ser tanto textual ou utilizar um gráfico, como uma imagem de um botão. Quando você clica em um link , as cargas do seu navegador e exibe a página de novo , o destino .
Rollovers
Rollovers exibir informações de um visitante do site . Quando você passa o cursor sobre um capotamento , o navegador mostra uma nova imagem na página. Quando o cursor deriva fora do capotamento , a imagem será removida. Um exemplo simples de um capotamento é um botão que muda de cor quando um visitante passa sobre ele . Rollovers também pode funcionar como links. Isso permite que você exibir informações quando um visitante paira sobre o rollover , proporcionando também a opção para que o visitante clique no capotamento e ser direcionado para outra página para mais informações.
Como links funcionam
as ligações são criadas usando a âncora ( a) tag. Marcas de âncora informe o seu navegador que você está fazendo referência a um local específico , seja dentro de sua página atual ou em outra página . Você, então, dizer ao navegador que este ponto de ancoragem é usando um atributo. Para fazer o link para outra página, você usa o " href" ( referência de hipertexto) atributo. Este atributo é atribuído o valor (URL ou endereço ) da página de destino. Você, então, fornecer ou o texto que você gostaria de exibir para o seu link ou usar a imagem ( img ) tag para exibir uma imagem para o seu link. Finalmente, você dizer ao seu navegador o link está completo , fechando sua tag âncora.
Como Rollovers trabalho
Rollovers são muito mais complicadas do que as ligações simples e requer o uso de scripts. Na seção de cabeçalho da sua página, você deve dizer ao navegador para pré-carregar a sua imagem capotamento quando a página é carregada. Na seção de corpo, você ainda usa a tag âncora , no entanto, você usa o " onMouseOver " e scripts " onmouseout " . Esses scripts dizer ao navegador para exibir a imagem que você pré-carregado quando o mouse de um visitante está sobre o rollover e para remover essa imagem quando o seu cursor sai. Funcionalidade da ligação é adicionado ao rollover usando o script " onClick " , dizendo ao navegador para carregar uma página específica (URL ), quando o rollover é clicado.
Rollover Exemplo
Rollovers permitem exibir seletivamente informações, melhorando a experiência do visitante e usando menos espaço. Se, por exemplo , você tem uma página "pessoal" no qual você listar todos os membros de sua equipe , juntamente com as suas fotos e bios , ele pode pegar um monte de espaço e sobrecarregar o visitante com muita informação de uma só vez . Em vez disso, você pode optar por usar sobreposições para exibir apenas a imagem de um membro da equipe e bio quando um visitante passa o mouse sobre o seu nome e encaminhá-los para a página do funcionário para obter mais informações quando o link é clicado.