O efeito da mudança e desaparecimento gradual do texto [efeitos especiais da página da web]

Autor：Eve Cole Data da Última Atualização：2009-06-20 15:19:51

CSS + JS cria um efeito de exibição de notícias de polia absolutamente clássico, que é um efeito absolutamente bom usado por muitos portais atualmente.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML>< HEAD><TITLE>Exibição de notícias de polia absolutamente clássica (javascript+css)</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <style type="text/css" >  </style> </HEAD> <BODY> <DIV id="cntR"> <DIV id="NewsTop"> < DIV id="NewsTop_tit"> <P class="topTit">Classificação de notícias</P> <P class="topC0">Doméstica</P> <P class="topC0">Internacional</P> <P class = "topC0">Sociedade</P> <P class="topC0">Análise on-line</P> </DIV> <DIV id="NewsTop_cnt"> <SPAN title="Não me exclua"></ SPAN > <SPAN> <A href="#" target=_self>A ponte ferroviária de Xinjiang Fukang desabou e muitos vagões de carvão capotaram e caíram no rio</A><BR> <A href="#" target=_self>Mais alto Lei: A promessa de não condenar Lai Changxing à morte não foi além dos procedimentos legais</A><BR> <A href="#" target=_self>Lei de Propriedade: O direito de uso de terreno para construção residencial será automaticamente renovado depois de 70 anos</A><BR> <A href="#" target=_self>O irmão foi envenenado pela esposa e um homem comprou o corpo dela para se casar com ela em segredo (foto)</A><BR> <A href="#" target=_self>Atirador de elite de Zhengzhou revelado O atirador número um velado em mistério é míope</A><BR> <A href="#" target=_self>Oficial militar sênior dos EUA: Não descarte a possibilidade de confronto militar direto com a China</A><BR> <A href=" #" target=_self>Wu Ying, a lendária irmã rica de Dongyang, Zhejiang, foi presa sob suspeita de absorção ilegal de depósitos</A> <BR> <A href="#" target=_self>O Ocidente está exaltando a "teoria da ameaça dos porta-aviões chineses", dizendo que ela foi oficialmente anunciada em 2005. Servindo nas forças armadas</A><BR> <A href ="#" target=_self>A menina não consegue cuidar de si mesma e pede aos deputados da Assembleia Popular Nacional que apresentem um projeto de eutanásia</A><BR> <A href="#" target=_self>Ministério da Construção: O o sistema de previdência habitacional cobrirá os trabalhadores migrantes</A><BR> <div align="right"><A href="#" target=_self>...mais</A></div> </SPAN> <SPAN> <A href="#" target=_self>Os militares intervieram na investigação depois que uma soldado sino-americana se enforcou no quartel (foto)</A><BR> <A href="#" target =_self>Foto: A carreata do presidente Bush dos Estados Unidos foi atingida</A><BR> <A href="#" target=_self>Monroe sabia o segredo do irmão de Kennedy e foi induzido a cometer suicídio (foto)</A> <BR> <A href="# " target=_self>Bangladesh reprime autoridades corruptas, todos estão em perigo e abandonam seus Mercedes-Benz e BMW na beira da estrada</A><BR> <A href="#" target=_self>A Coreia do Sul realizará um exercício militar em grande escala (fotos e textos)</A ><BR> <A href="#" target=_self>Fotos: "Oceano" encontrado na superfície do maior satélite de Saturno </A><BR> <A href="#" target=_self>200 milhões apreendidos na operação antidrogas mexicana Enormes quantias de dólares americanos em dinheiro (foto)</A><BR> <A href="# " target=_self>Foto: Protestos globais de nudez contra a caça às focas no Canadá</A><BR> <A href="# " target=_self>Um submarino dos EUA desapareceu nas Bermudas uma noite e o grupo de batalha do porta-aviões foi enviado para fazer buscas </A><BR> <A href="#" target=_self>200.000 manifestantes na Hungria foram atirados com ovos pelo público (foto)</A><BR> <div align="right"><A href ="#" target=_self>...mais</A></div> </SPAN> <SPAN> <A href="# " target=_self>Uma trabalhadora de Shenzhen foi estuprada coletivamente por três homens e ela namorado testemunhou o processo (foto)</A><BR> <A href="#" target=_self>O preço da coleção de moedas de dez centavos "Coin King" de um homem chega a 13.000 (foto)</A>< BR> <A href="#" target=_self>A garota presa na sala de xampu em Qinghai atende clientes mais de dez vezes por dia (Foto)</A><BR> <A href="#" target = _self>Fotos: Uma velha esposa e um jovem marido mantêm um caso de amor de um ano com uma esposa de 69 anos que teve suas rugas removidas com sucesso</A><BR> <A href="#" target=_self> A estação de TV do condado de Shaanxi Lantian exibiu imagens obscenas por cerca de 10 minutos</A><BR> <A href="#" target=_self> A><BR> <A href="#" target=_self>Mulher alegou ter foram enganados para morarem juntos por um professor universitário para pedir dinheiro para o rompimento (foto)</A><BR> <A href="#" target=_self>Fotos: presentes sensuais com partes íntimas de homens e mulheres moldadas em formas são ultrajantes demais</A><BR> <A href="#" target=_self>Foto: Uma garota de 16 anos de Luzhou, Sichuan, se torna a mulher mais feia da China</A><BR > <A href="#" target=_self>Suprema Corte: Prometer não condenar Lai Changxing à morte não foi além dos procedimentos legais</A><BR> <A href="#" target=_self>O corpo de um menino cujo testículos foram removidos foram encontrados em Shenzhen Continuação: Suspeito de ter desaparecido há 1 mês</A><BR> <div align="right"><A href="#" target=_self>...mais</A </div> </SPAN> <SPAN> <A href="#" target=_self>O coletor de pedágio da manutenção rodoviária apreendeu o veículo à força, fazendo com que o motorista do triciclo morresse tragicamente sob o volante</A><BR> <A href="#" target=_self>Mais de 20 estudiosos Fang Zhouzi discutiram a questão da medicina tradicional chinesa e foram criticados por muitos especialistas</A><BR> <A href="#" target=_self>A pós-graduação garota do vestibular alegou ter exposto a trapaça do vigilante e foi condenada a zero pontos</A><BR> <A href ="#" target=_self>Membros do Comitê Nacional da Conferência Consultiva Política do Povo Chinês propuseram o sistema família-uma-casa, que despertou discussões acaloradas entre os internautas</A><BR> <A href="#" target=_self>Depois que seis policiais na cidade de Zhoukou, província de Henan, espancaram alguém inconsciente, jogado escada abaixo e caído até a morte< /A><BR> <A href="#" target=_self>Foto: esposa de 69 anos removeu rugas com sucesso e começou uma nova vida com seu jovem marido</A><BR> <A href= "# " target=_self>Uma garota presa em uma sala de xampu em Qinghai atende clientes mais de uma dúzia de vezes por dia (foto)</A><BR> <A href="#" target=_self>General dos EUA: The People's Exército de Libertação não é rival dos EUA em ataques com mísseis Taiwan não cairá</A><BR> <A href="#" target=_self>O colapso da ponte ferroviária de Fukang em Xinjiang causou o descarrilamento de um trem de carvão </A><BR> <A href="#" target=_self> O Ministério das Ferrovias respondeu à pergunta de Wu Jinglian: Ele insistirá em não aumentar os preços durante o Festival da Primavera por muito tempo</A><BR> <div align="right"><A href="#" target=_self>...mais</A></div > </SPAN> </DIV> <SCRIPT> var Tags=document.getElementById(' NewsTop_tit').getElementsByTagName('p'); var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span'); i=1;i<len;i++){ Tags[i].value = i; Tags[i].onmouseover=function(){ changeNav(this.value)}; } Tags[flag].className='topC1'; TagsCnt[flag].className='dis'; ; flag=v; Tags[v].className='topC1'; TagsCnt[v].className='dis';