JAVASCRIPT+CSS News Show Tab TAB effect _ navigation menu

Source: Internet
Author: User
<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML 4.01 transitional//en" "http://www.w3c.org/TR/1999/REC-html401-19991224/ Loose.dtd "> <HTML><HEAD><TITLE> cloud-dwelling Community _ News Display Tab effect (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} #NewsTop {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/20090421185604599.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=newsto p> <div id=newstop_tit> <p class=toptit> News ranking </P> <p class=topc0> domestic </P> <p class=to Pc0> International </P> <p class=topc0> Social </P> <p class=topc0> Network review </P> </DIV> <div Id=newst Op_cnt><span title= "Don ' t delete me" ></SPAN> <SPAN> Xinjiang Fukang railway bridge collapse Multi-section coal carriage side overturned River top law: Promise not to Judge Lai's death penalty no more than legal procedure Property law: The right to use land for residential construction over 70 years will be automatically renewed brother was poisoned by his wife to buy a woman for their marriage (map) opened the mystery of Zhengzhou sharpshooter mysterious top sniper is a senior U.S. military officer: do not rule out a direct military confrontation with China may Zhejiang Dongyang legend Rich sister Wu Ying suspected illegal absorption of deposits was arrested West Fang Hype "China aircraft carrier Threat theory" that 05 has officially served the girl's life can not take care of themselves please the NPC representative handedEuthanasia Bill Ministry of Construction: Housing Provident Fund system will cover peasant workers <div align= "right" >...more</div> </SPAN> <SPAN> American female soldier hanged in barracks military intervention investigation (photo): U.S. President George W. Bush was caught in the Monroe Master Kennedy's brother secretly deceived suicide (photos) Bangladesh crackdown on corruption of corrupt officials, Mercedes-Benz BMW abandoned the roadside South Korea will hold large-scale military exercises (graphics and text) PHOTOS: Saturn's largest satellite surface found "sea" Mexican drug operations seized 200 million dollars huge Cash (PHOTOS) PHOTOS: The global launch of nude protest Canada hunting seals in Bermuda, the United States submarine in the disappearance of a night carrier warfare group to search Hungary 200,000 of people were throwing eggs (photos) <div align= "right" >...more</div&gt ; </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 girls trapped in the washing head room more than 10 times a day (figure) photos: Old wife Shao-fu deduction forgetting years love 69-year-olds successful wrinkle-removing Shaanxi Lantian County Television broadcast obscene images of about 10 minutes the woman claiming to be a university professor lured cohabitation to beg for a breakup fee (figure) Photos: Men and women of the private place into a modelling "sex" interesting gifts too special pictures: Sichuan Luzhou 16-year-old girl to build China's first ugly woman supreme law: promise not to Judge Lai's death penalty does not exceed the legal process Shenzhen The body of the boy was found. Continued: Suspected to be missing before January <div align= "right" >...more</div> </SPAN> <SPAN> Road tolls levy mandatory car-driving tricycle death Wheels 20 A number of scholars talk about the problems of Chinese Medicine Fang was criticized by many experts as a result of the female students claiming to expose the teacher cheating results were sentenced to 0 points national Political Consultative Committee members suggested that a family of one-room system caused by netizens hot discussion Henan Zhoukou 6 policemen will knock out the house and fall dead photos: 69-year-old wife to wrinkle success and start a new life with the young Qinghai girl was trapped washing Head room more than 10 times a day (figure) U.S. general: The PLA is not a U.S. rival missile can not be defeated Taiwan Xinjiang Fukang Railway bridge collapse caused coal transport train derailment Rail ministry response Mr. Wu questioned: the Spring Festival does not increase the price will be long-term adherence to <div align= "right" >...more</d Iv> </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;//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> cloud-Habitat community
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
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.