O uso de JS no web design pode obter muitos efeitos especiais de página, mas muitas pessoas ignoram os efeitos poderosos das metatags em tags HTML. De fato, as metatags também podem obter muitos belos efeitos de transição de página.
A tag meta é uma etiqueta auxiliar na área da cabeça de linguagem HTML. A tag meta é colocada no <head> ... </ad Head> de cada página da web.
No meio, estamos mais familiarizados com:
<meta nome = conteúdo do gerador = Microsoft Frontpage 3.0> // Instruções para ferramentas de edição;
<meta nome = palavras -chave conteúdo = ...> // explicações -chave;
<meta nome = descrição content = ...> // Descreva a descrição da página inicial;
Ele fornece informações que não são visíveis para o usuário. As tags de meta geralmente são usadas para definir tópicos da página para robôs de mecanismo de pesquisa ou para definir cookies no navegador do usuário; Eles podem ser usados para identificar autores, definir formatos de página, rotular o resumo do conteúdo e palavras -chave; Eles também podem definir páginas para torná -las possíveis.
Atualize -se de acordo com o intervalo de tempo que você define, defina o nível de conteúdo do RASC, etc.
Este artigo explica principalmente como usar meta tags para gerar efeitos de transição de página ...
uso:
<Meta http-equiv = content de página-entrada = blendtrans (duração = 0,5)>
<Meta http-equiv = content Page-Exit = Blendtrans (duração = 0,5)>
Blendtrans é um tipo de filtro dinâmico CSS que produz um efeito desbotado. Outro filtro dinâmico ReveleRtrans também pode ser usado para efeitos de entrada e saída de página:
Os filtros dinâmicos podem adicionar efeitos de conversão de desbotamento e imagem em movimento à página. Eles podem ser divididos em dois tipos de mistura (mix) e revelam (exibição).
O primeiro pode desaparecer gradualmente ou aparecer, enquanto o último fornece 24 efeitos de conversão de imagem ...
<Meta http-equiv = content de página-entrada = reveretrans (duração = x, transição = y)>
<Meta http-equiv = Page-exit Content = reveretrans (duração = x, transição = y)>
Duração: indica a duração do efeito do filtro (unidade: segundos)
Transição: Tipo de filtro. Indica qual efeito especial é usado, o valor é 0-23.
----------------------------------------------------------------------------------
0: Retângulo encolhimento 1: Expanda de retângulo
2: Redução do círculo 3: expansão do círculo
4: Atualize ao top 5: Atualizar até o fundo
6: Atualize da esquerda para a direita 7: Atualize a direita para a esquerda
8: Curteiras verticais 9: Horizontal Blinds
10: blinds horizontais deslocados 11: blinds verticais deslocados
12: Difusão de ponto 13: Atualizar esquerda e direita para o meio
14: Atualizar do meio à esquerda e à direita 15: Atualizar do meio para o superior e inferior
16: para cima e para baixo até o meio de 17: para baixo e direto para o canto superior esquerdo
18: de cima direita para baixo esquerda 19: superior esquerda para baixo direita
20: inferior esquerdo para o canto superior direito 21: barra horizontal
22: Barra vertical 23: Escolha um dos acima 22 aleatoriamente
----------------------------------------------------------------------------------
Enquanto os efeitos da transformação da página da web forem correspondidos corretamente, esses efeitos de transformação deixarão uma impressão muito profunda nos visitantes, mesmo aqueles que não estão interessados no seu site. Especialmente para amigos que gostam de aprender a produção de páginas da web, eles podem copiar sua página da web para estudo e pesquisa. De fato, você acabou de adicionar um pequeno pedaço de código^ _^ O efeito de transformação da página da web (trans) é dividido em quatro categorias: digitando a página da web (página-entra), deixando a página da web (página-exposição), digitando o site (site-entr) e deixando o site (site-exit). Cada categoria principal é dividida em 25 subcategorias. Primeiro, use o efeito de entrar na página da web para ilustrar:
Efeitos ao entrar em uma página da web
1. O código de efeito misto é o seguinte: <meta http-equiv = conteúdo da página-entranha = Blendtrans (duração = 1.0)>
2. O código do efeito de retração em forma de caixa é o seguinte: <meta http-equiv = content Page-entra.
3. O código do efeito da radiação em forma de caixa é o seguinte: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1.0, transição = 1)>>
4. O código do efeito de retração circular é o seguinte: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1,0, transição = 2)>
5. O código do efeito da radiação circular é o seguinte: <meta http-equiv = conteúdo da página-entranha = ReverenTrans (duração = 1,0, transição = 3)>
6. O código de efeito apagado ascendente é o seguinte: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1,0, transição = 4)>
7. O código do efeito de apagamento descendente é o seguinte: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1,0, transição = 4)>
8. O código para apagar o direito ao efeito é o seguinte: <meta http-equiv = content Page-entr = ReverenTrans (duração = 1.0, transição = 6)>
9. O código do efeito de apagamento à esquerda é o seguinte: <meta http-equiv = conteúdo de página-entranha = reveretrans (duração = 1,0, transição = 7)>
10. O código de efeito de mascaramento vertical é o seguinte: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1,0, transição = 8)>
11. O código de efeito de mascaramento horizontal é o seguinte: <meta http-equiv = conteúdo da página-entrada = ReverenTrans (duração = 1.0, transição = 9)>
12. O código de efeito do tabuleiro de xadrez horizontal é o seguinte: <meta http-equiv = conteúdo da página-entrada = ReverenTrans (duração = 1.0, transição = 10)>
13. O código de efeito da placa vertical é o seguinte: <meta http-equiv = conteúdo da página-entrada = ReverenTrans (duração = 1,0, transição = 11)>
14. O código do efeito de decomposição é o seguinte: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1.0, transição = 12)>
15. O código de efeito da indentação esquerda e direita para o centro é o seguinte: <meta http-equiv = conteúdo de página-entrada = reveretrans (duração = 1,0, transição = 13)>
16. O código de efeito do centro para a expansão esquerda e direita é a seguinte: <meta http-equiv = conteúdo da página-entra = ReverenTrans (duração = 1,0, transição = 14)>
17. O código de efeito de indentação para cima e para baixo é o seguinte: <meta http-equiv = conteúdo da página-entrada = ReverenTrans (duração = 1,0, transição = 16)>>
18. O código de efeito do centro para cima e para baixo é o seguinte: <meta http-equiv = content Page-entr = ReverenTrans (duração = 1.0, transição = 17)>
19. Extraia o código de efeito do canto inferior esquerdo da seguinte forma: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1,0, transição = 18)>
20. Extraia o código de efeito do canto superior esquerdo da seguinte forma: <meta http-equiv = content Page-entra = ReverenTrans (duração = 1,0, transição = 19)>
vinte e um. Extraia o código do efeito do canto inferior direito da seguinte forma: <meta http-equiv = content Page-entra.
vinte e dois. Extraia o código de efeito do canto superior direito da seguinte forma: <meta http-equiv = content Page-entra.
vinte e três. O código de efeito da linha horizontal aleatória é a seguinte: <meta http-equiv = content Page-entra.
vinte e quatro. O código de efeito da linha vertical aleatória é a seguinte: <meta http-equiv = content Page-entr = ReverenTrans (duração = 1,0, transição = 22)>
25. O código de efeito aleatório é o seguinte: <meta http-equiv = conteúdo de página-entranha = revere-reais (duração = 1,0, transição = 23)>>
Agora vamos analisar esses códigos. Primeiro de tudo, você definitivamente verá que a maioria desses códigos é muito semelhante. De fato, embora existam muitas categorias, as 25 subcategorias em cada categoria principal correspondem à mesma e são identificadas por números (exceto os Blendtrans de efeito misto (duração = 1,0)), portanto, não há necessidade de dar exemplos para não categorias. Basta substituir a página-entra por página-exposição (deixe a página da web), o site-entra (deixe o site) e o site-exite (deixe o site), e você pode obter o efeito desejado, e também é mais conveniente lembrar. Onde a duração = 1,0 pode definir quanto tempo é o tempo para cada ciclo, a unidade é segundos (agora definido é 1 segundo por ciclo). Deve -se notar que os efeitos das quatro categorias principais podem ser definidos ao mesmo tempo em uma página da Web, mas cada categoria principal pode definir apenas um efeito. Além disso, se a página da web for uma página de quadros, o efeito não será exibido.