Absolutely classic Pulley news display (JAVASCRIPT+CSS) to achieve _javascript skills

Source: Internet
Author: User
Absolutely classic Pulley news display (JAVASCRIPT+CSS)
Very early, and see again today, take out to share ...

The effect of the following figure:
screen.width*0.7) {this.resized=true; this.width=screen.width*0.7 this.alt= ' Click here to open new Window\nctrl+mouse Wheel to zoom in/out ';} ' Border=0>
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "http://www.w3c.org/TR/1999/REC-html401-19991224/ Loose.dtd "> <!--saved from Url= (0026) http://www.popuni.com/--> <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 "> <!--body {padding-right:0px; padding-left:0px; font-size:12px; padding-bottom:0px; margin:0px Auto; Color:black; line-height:150%; padding-top:10px; Background-color:white; Text-align:center}. Dis {display:block}. Undis {Display:none} #cntR {width:302px} #NewsT op {clear:both; MARGIN-BOTTOM:16PX} #NewsTop P {float:left; LINE-HEIGHT:21PX} #NewsTop p.toptit {font-weight:bold; WIDTH:117PX} #NewsTop p.topc0 {BACKGROUND: #dcdcdc; Border-left: #f2f2f2 1px solid; width:40px; Cursor:pointer} #NewsTop p.topc1 {BACKGROUND: #c2130e; Border-left: #f2f2f2 1px solid; width:40px; COLOR: #fff} #NewsTop #NewsTop_tit {border-bottom: #c2130e 3px solid; HEIGHT:21PX} #NewsTop #NewsTop_cnt {padding-left:32px; Background:url (/upload/2007321103411941.gif) no-repeat 12px 13px; line-height:26px; padding-top:7px; height:260px; Text-align:left} #NewsTop #NewsTop_cnt A {COLOR: #666; Text-decoration:none} #NewsTop #NewsTop_cnt a:hover {COLOR: #c2130e; Text-decoration:underline}--> </style> </HEAD> <BODY> <div id=cntr> <div id=news top> <div id=newstop_tit> <p class=toptit> News ranking </P> <p class=topc0> domestic &LT;/P&G T <p class=topc0> International </P> <p class=topc0> Social </P> <p class=topc0> Network review </P> & lt;/div> <div id=newstop_cnt><span title= "Don ' t delete me" ></SPAN> <SPAN> Xinjiang Fukang Railway bridge collapse Multi-section coal carriage side turn over Fall River highest law: Promise not to Judge Lai's death penalty no superLaw of the legal process of property law: 70 Years of housing construction land use right will automatically renew his brother was poisoned by his wife to buy a woman for their marriage (map) opened the mystery of Zhengzhou sharpshooter mysterious top sniper is myopic U.S. military officials: do not rule out and China's direct army Confrontation possible Zhejiang Dongyang legend Rich sister Wu Ying suspected illegal absorption of deposits was arrested Western hype "China aircraft carrier threat" that 05 has been officially serving the girl's life can not take care of themselves please the NPC representative submitted to euthanasia Bill Ministry of Construction: Housing Provident Fund system will cover migrant workers <div align= "Right" >...more</div> </SPAN> <SPAN> American Chinese women hanged themselves in barracks military intervention investigation (FIG) Photo: U.S. President George W. Bush was hit Monroe Master Kennedy's brother secretly deceived suicide (photos) Bangladesh crackdown on corrupt officials, Mercedes-Benz BMW abandoned the roadside South Korea will hold large-scale military exercises (graphic) group Figure: Saturn's largest satellite surface found "ocean" Mexican drug operations seized 200 million of billions of dollars in cash (PHOTOS) Photos: The world set off naked protest Canada hunting seals activities of the United States submarine in Bermuda missing one night carrier battle group to search for Hungarian teeth Lee 200,000 demonstrators were throwing eggs (photos) <div align= "right" >...more</div> </SPAN> <SPAN> Shenzhen female workers were three men gang rape boyfriend witnessed the process (PHOTOS) Men treasure a Dime "king" Price as high as 13,000 (figure) Qinghai girl trapped in the washing head room more than 10 times a day (figure) Photos: Old wife, husband deduction forget years of love 69 years old The wife succeeded in removing wrinkles Shaanxi Lantian County Television broadcast obscene images for about 10 minutes the woman claiming to be a university professor deceived cohabitation to beg for a breakup fee (figure) Photos: Men and women in the private place into modelling "sex" interesting gifts too special photos : Sichuan Luzhou 16-year-old girl to build China's first ugly woman Supreme law: Promise not to Judge Lai's death sentence without exceeding the legal procedure Shenzhen found the body of the testicle was picked up continued: Suspected January ago missing <div align= "right" >...more</div> </SPAN> <SPAN> Road maintenance fee levy the car to the rickshaw man's death by the wheel. 20-odd scholars talking about the problems of Chinese Medicine Fang was criticized by experts Female students claiming to expose the examination teacher cheating results were sentenced to 0 points national Political Consultative Committee members suggested a one-room system caused by netizens hot discussion Henan Zhoukou 6 policemen will knock out the house and fall dead Pictures: 69 years old wife wrinkle success and Young man starts a new life Qinghai girl gets trapped more than 10 times a day (pictured) US general: PLA is not an American rival missile cannot defeat Taiwan Xinjiang Fukang Railway bridge collapse caused coal transport train derailment The Ministry of Railways response Mr. Wu query: The Spring Festival does not increase the price will be long-term adherence to <div align= "right" >...more</div> </SPAN> </d Iv> <SCRIPT> var tags=document.getelementbyid (' Newstop_tit '). getElementsByTagName (' P '); var Tagscnt=document.getelementbyid (' newstop_cnt '). getElementsByTagName (' span '); var len=tags.length; var flag=1;//modifies 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>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]


Download this file
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.