The effect of text changing and fading in and out [web page special effects]

Author：Eve Cole Update Time：2009-06-20 15:19:51

CSS+JS creates an absolutely classic pulley news display effect, which is an absolutely good effect used by many portals now.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML>< HEAD><TITLE>Absolutely classic pulley news display (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">News ranking</P> <P class="topC0">Domestic</P> <P class="topC0">International</P> <P class ="topC0">Society</P> <P class="topC0">Online Review</P> </DIV> <DIV id="NewsTop_cnt"> <SPAN title="Don't delete me"></ SPAN> <SPAN> <A href="#" target=_self>Xinjiang Fukang railway bridge collapsed and many coal carriages rolled over and fell into the river</A><BR> <A href="#" target=_self>Highest Law: The promise not to sentence Lai Changxing to death did not go beyond legal procedures</A><BR> <A href="#" target=_self>Property Law: The right to use land for residential construction will be automatically renewed after 70 years</A><BR> <A href="#" target=_self>Brother was poisoned by his wife and a man bought her body to marry her in secret (picture)</A><BR> <A href="#" target=_self>Zhengzhou sharpshooter revealed The number one sniper veiled in mystery is short-sighted</A><BR> <A href="#" target=_self>Senior US military official: Do not rule out the possibility of direct military confrontation with China</A><BR> <A href=" #" target=_self>Wu Ying, the legendary rich sister of Dongyang, Zhejiang, was arrested on suspicion of illegally absorbing deposits</A><BR> <A href="#" target=_self>The West is hyping up the "Chinese aircraft carrier threat theory", saying that it was officially announced in 2005 Serving in the military</A><BR> <A href="#" target=_self>The girl cannot take care of herself and asks the National People's Congress deputies to submit a euthanasia bill</A><BR> <A href="#" target=_self>Ministry of Construction: The housing provident fund system will cover migrant workers</A><BR> <div align="right"><A href="#" target=_self>...more</A></div> </SPAN> < SPAN> <A href="#" target=_self>The military intervened in the investigation after a Chinese-American female soldier hanged herself in the barracks (photo)</A><BR> <A href="#" target=_self>Photo: United States President Bush's motorcade was hit</A><BR> <A href="#" target=_self>Monroe knew the secret of Kennedy's brother and was tricked into committing suicide (photo)</A><BR> <A href="# " target=_self>Bangladesh cracks down on corrupt officials, everyone is in danger and abandons their Mercedes-Benz and BMW on the roadside</A><BR> <A href="#" target=_self>South Korea will hold a large-scale military exercise (pictures and texts)</A ><BR> <A href="#" target=_self>Photos: "Ocean" found on the surface of Saturn's largest satellite</A><BR> <A href="#" target=_self>200 million seized in Mexican anti-drug operation Huge amounts of US dollars in cash (photo)</A><BR> <A href="#" target=_self>Photo: Global nude protests against Canada's seal hunt</A><BR> <A href="# " target=_self>A U.S. submarine disappeared in Bermuda one night and the aircraft carrier battle group was dispatched to search</A><BR> <A href="#" target=_self>200,000 demonstrators in Hungary were pelted with eggs by the public (photo)< /A><BR> <div align="right"><A href="#" target=_self>...more</A></div> </SPAN> <SPAN> <A href="# " target=_self>Shenzhen female worker was gang-raped by three men and her boyfriend witnessed the process (photo)</A><BR> <A href="#" target=_self>The price of a man's collection of dime "Coin King" is as high as 13,000 ( Picture)</A><BR> <A href="#" target=_self>The girl trapped in the shampoo room in Qinghai picks up customers more than ten times a day (Picture)</A><BR> <A href="#" target =_self>Photos: An old wife and a young husband perform a year-long love affair with a 69-year-old wife who successfully had her wrinkles removed</A><BR> <A href="#" target=_self>Shaanxi Lantian County TV station played obscene images for about 10 minutes</A><BR> <A href="#" target=_self> A><BR> <A href="#" target=_self>Woman claimed to have been tricked into living together by a university professor to ask for breakup money (picture)</A><BR> <A href="#" target=_self>Photos : Sexy gifts with the private parts of men and women shaped into shapes are too outrageous</A><BR> <A href="#" target=_self>Photo: A 16-year-old girl from Luzhou, Sichuan becomes the most ugly woman in China</A><BR > <A href="#" target=_self>Supreme Court: Promising not to sentence Lai Changxing to death did not go beyond legal procedures</A><BR> <A href="#" target=_self>The body of a boy whose testicles had been removed was found in Shenzhen Continued: Suspected to have disappeared 1 month ago</A><BR> <div align="right"><A href="#" target=_self>...more</A></div> </SPAN> <SPAN> <A href="#" target=_self>The road maintenance toll collector forcibly impounded the vehicle, causing the tricycle driver to die tragically under the wheel</A><BR> <A href="#" target=_self>More than 20 scholars Fang Zhouzi discussed the issue of traditional Chinese medicine and was criticized by many experts</A><BR> <A href="#" target=_self>The postgraduate entrance examination girl claimed to have exposed the invigilator's cheating and was sentenced to zero points</A><BR> <A href ="#" target=_self>Members of the National Committee of the Chinese People's Political Consultative Conference proposed the one-household-one-house system, which aroused heated discussion among netizens</A><BR> <A href="#" target=_self>After six policemen in Zhoukou City, Henan Province beat someone unconscious Thrown downstairs and fell to death</A><BR> <A href="#" target=_self>Photo: 69-year-old wife successfully removed wrinkles and started a new life with her young husband</A><BR> <A href= "#" target=_self>A girl trapped in a shampoo room in Qinghai picks up customers more than a dozen times a day (picture)</A><BR> <A href="#" target=_self>U.S. General: The People's Liberation Army is not a rival to the U.S. in missile attacks Taiwan will not fall</A><BR> <A href="#" target=_self>The collapse of the Fukang railway bridge in Xinjiang caused the derailment of a coal train</A><BR> <A href="#" target=_self> The Ministry of Railways responded to Wu Jinglian’s question: It will insist on not increasing prices during the Spring Festival for a long time</A><BR> <div align="right"><A href="#" target=_self>...more</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; var flag=1;//Modify the default value for(i=1;i<len;i++){ Tags[i].value = i; Tags[i].onmouseover=function(){ changeNav(this.value)}; TagsCnt[i].className='undis'; } Tags[flag].className='topC1'; TagsCnt[flag].className='dis'; function changeNav(v){ Tags[ flag].className='topC0'; TagsCnt[flag].className='undis'; flag=v; Tags[v].className='topC1'; TagsCnt[v].className='dis'; } </SCRIPT > </DIV> </DIV> </BODY></HTML>