El efecto del cambio de texto y la aparición y desaparición gradual [efectos especiales de página web]

Autor：Eve Cole Fecha de actualización：2009-06-20 15:19:51

CSS+JS crea un efecto de visualización de noticias de polea absolutamente clásico, que es un efecto absolutamente bueno utilizado por muchos portales ahora.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transicional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML>< HEAD><TITLE>Visualización de noticias de polea absolutamente clásica (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">Ranking de noticias</P> <P class="topC0">Nacional</P> <P class="topC0">Internacional</P> <P class = "topC0">Sociedad</P> <P class="topC0">Reseña online</P> </DIV> <DIV id="NewsTop_cnt"> <SPAN title="No me borres"></ SPAN > <SPAN> <A href="#" target=_self>El puente ferroviario Xinjiang Fukang se derrumbó y muchos vagones de carbón volcaron y cayeron al río</A><BR> <A href="#" target=_self>El más alto Ley: La promesa de no condenar a muerte a Lai Changxing no fue más allá de los procedimientos legales</A><BR> <A href="#" target=_self>Ley de propiedad: El derecho a utilizar terrenos para la construcción residencial se renovará automáticamente después de 70 años</A><BR> <A href="#" target=_self>Hermano fue envenenado por su esposa y un hombre compró su cuerpo para casarse con ella en secreto (foto)</A><BR> <A href="#" target=_self>Se revela el francotirador de Zhengzhou El francotirador número uno velado por el misterio es miope</A><BR> <A href="#" target=_self>Alto funcionario militar estadounidense: no lo descarte la posibilidad de una confrontación militar directa con China</A><BR> <A href=" #" target=_self>Wu Ying, la legendaria hermana rica de Dongyang, Zhejiang, fue arrestada bajo sospecha de absorber depósitos ilegalmente</A> <BR> <A href="#" target=_self>Occidente está exagerando la "teoría de la amenaza de los portaaviones chinos", diciendo que fue anunciada oficialmente en 2005 Sirviendo en el ejército</A><BR> <A href ="#" target=_self>La niña no puede valerse por sí misma y pide a los diputados del Congreso Nacional del Pueblo que presenten un proyecto de ley sobre la eutanasia</A><BR> <A href="#" target=_self>Ministerio de Construcción: El El sistema de fondos de previsión para la vivienda cubrirá a los trabajadores migrantes</A><BR> <div align="right"><A href="#" target=_self>...más</A></div> </SPAN> < SPAN> <A href="#" target=_self>El ejército intervino en la investigación después de que una soldado chino-estadounidense se ahorcara en el cuartel (foto)</A><BR> <A href="#" target =_self>Foto: La caravana del presidente Bush de Estados Unidos fue alcanzada</A><BR> <A href="#" target=_self>Monroe conocía el secreto del hermano de Kennedy y fue engañado para suicidarse (foto)</A> <BR> <A href="# " target=_self>Bangladesh toma medidas enérgicas contra los funcionarios corruptos, todos están en peligro y abandonan sus Mercedes-Benz y BMW en la carretera</A><BR> <A href="#" target=_self>Corea del Sur realizará un ejercicio militar a gran escala (imágenes y textos)</A ><BR> <A href="#" target=_self>Fotos: "Océano" encontrado en la superficie del satélite más grande de Saturno </A><BR> <A href="#" target=_self>200 millones incautados en operación antidrogas en México Inmensas cantidades de dólares estadounidenses en efectivo (foto)</A><BR> <A href="# " target=_self>Foto: Protestas globales de desnudos contra la caza de focas en Canadá</A><BR> <A href="# " target=_self>Un submarino estadounidense desapareció en las Bermudas una noche y el grupo de batalla de portaaviones fue enviado a buscar </A><BR> <A href="#" target=_self>200.000 manifestantes en Hungría fueron arrojados huevos por el público (foto)</A><BR> <div align="right"><A href ="#" target=_self>...más</A></div> </SPAN> <SPAN> <A href="# " target=_self>Trabajadora de Shenzhen fue violada en grupo por tres hombres y su mi novio presenció el proceso (foto)</A><BR> <A href="#" target=_self>El precio de la colección de monedas de diez centavos "Coin King" de un hombre llega a 13.000 (Imagen)</A>< BR> <A href="#" target=_self>La niña atrapada en la sala de champú en Qinghai recoge clientes más de diez veces al día (Imagen)</A><BR> <A href="#" target = _self>Fotos: Una anciana esposa y un joven esposo realizan una historia de amor de un año con una esposa de 69 años a quien le eliminaron las arrugas con éxito</A><BR> <A href="#" target=_self> La estación de televisión del condado de Shaanxi Lantian reprodujo imágenes obscenas durante unos 10 minutos</A><BR> <A href="#" target=_self> A><BR> <A href="#" target=_self>Una mujer afirmó haber un profesor universitario los engañó para que vivieran juntos y les pidiera dinero por la ruptura (foto)</A><BR> <A href="#" target=_self>Fotos: Regalos sexys con las partes privadas de hombres y mujeres moldeadas en formas son demasiado escandalosos</A><BR> <A href="#" target=_self>Foto: Una chica de 16 años de Luzhou, Sichuan, se convierte en la mujer más fea de China</A><BR > <A href="#" target=_self>Tribunal Supremo: La promesa de no condenar a muerte a Lai Changxing no fue más allá de los procedimientos legales</A><BR> <A href="#" target=_self>El cuerpo de un niño cuyo se encontraron testículos extirpados en Shenzhen Continuación: Se sospecha que desapareció hace 1 mes</A><BR> <div align="right"><A href="#" target=_self>...más</A ></div> </SPAN> <SPAN> <A href="#" target=_self>El cobrador del peaje de mantenimiento de la carretera incautó por la fuerza el vehículo, lo que provocó que el conductor del triciclo muriera trágicamente bajo el volante</A><BR> <A href="#" target=_self>Más de 20 académicos Fang Zhouzi discutieron el tema de la medicina tradicional china y fue criticado por muchos expertos</A><BR> <A href="#" target=_self>El posgrado La chica del examen de ingreso afirmó haber expuesto las trampas del supervisor y fue sentenciada a cero puntos</A><BR> <A href ="#" target=_self>Los miembros del Comité Nacional de la Conferencia Consultiva Política del Pueblo Chino propusieron el único sistema de hogar una sola casa, que generó acaloradas discusiones entre los internautas</A><BR> <A href="#" target=_self>Después de que seis policías en la ciudad de Zhoukou, provincia de Henan, golpearan a alguien hasta dejarlo inconsciente, lo arrojaron escaleras abajo y murió.< /A><BR> <A href="#" target=_self>Foto: Esposa de 69 años eliminó con éxito las arrugas y comenzó una nueva vida con su joven marido</A><BR> <A href= "# " target=_self>Una niña atrapada en una sala de champú en Qinghai recoge clientes más de una docena de veces al día (foto)</A><BR> <A href="#" target=_self>General de EE. UU.: El Pueblo El Ejército de Liberación no es rival de EE.UU. en ataques con misiles Taiwán no caerá</A><BR> <A href="#" target=_self>El colapso del puente ferroviario de Fukang en Xinjiang provocó el descarrilamiento de un tren de carbón </A><BR> <A href="#" target=_self> El Ministerio de Ferrocarriles respondió a la pregunta de Wu Jinglian: insistirá en no aumentar los precios durante el Festival de Primavera durante mucho tiempo</A><BR> <div align="right"><A href="#" target=_self>...más</A></div > </SPAN> </DIV> <SCRIPT> var Tags=document.getElementById(' NewsTop_tit').getElementsByTagName('p'); var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span'); var len=Tags.length;//Modificar el valor predeterminado para ( i=1;i<len;i++){ Etiquetas[i].value = i; Etiquetas[i].onmouseover=function(){ changeNav(this.value)}; } Etiquetas[flag].className='topC1'; TagsCnt[flag].className='dis'; función changeNav(v){ Tags[ flag].className='topC0'; ; bandera=v; Etiquetas[v].className='topC1'; TagsCnt[v].className='dis';