网页的分层切换

& lt!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML . 0 transitional//EN " " tR {

宽度:302像素

}

#新闻头条{

明确:两者都有;下边距:16px

}

#新闻头条P {

浮动:左;行高:21px

}

#新闻头条P.topTit {

字体粗细:粗体;宽度:117px

}

#新闻头条P.topC0 {

背景:# dcdcdc边框-左侧:#f2f2f2 1px实心;宽度:40px光标:指针

}

#NewsTop P.topC1 {

背景:# c 2130 e;边框-左侧:#f2f2f2 1px实心;宽度:40px颜色:#fff

}

#NewsTop #NewsTop_tit {

边框-底部:#c2130e 3px实心;高度:21px

}

#NewsTop #NewsTop_cnt {

左填充:32px背景:url(t A {

颜色:# 666;文本装饰:无

}

#NewsTop #NewsTop_cnt A:hover {

颜色:# c 2130 e;文本装饰:下划线

}

-& gt;

& lt/style & gt;

& lt/HEAD & gt;

& ltBODY & gt

& ltDIV id="cntR " >

& ltDIV id = " NewsTop " & gt

& ltDIV id = " NewsTop _ tit " & gt

& ltP class="topTit " >新闻排名

& ltP class="topC0 " >国内的

& ltP class="topC0 " >国际

& ltP class="topC0 " >社会

& ltP class="topC0 " >在线评论

& lt/DIV & gt;

& ltDIV id = " NewsTop _ cnt " & gt

& ltSPAN title= "不要删除我" >。& lt/SPAN>。

& ltSPAN & gt

& ltA href = " # " target = _ self & gt新疆阜康铁路桥垮塌,多节运煤车厢侧翻坠入河中

& ltA href = " # " target = _ self & gt最高法:承诺不判赖昌星死刑未超越法律程序

& ltA href = " # " target = _ self & gt物权法:住宅建设用地使用权0年后自动续期

& ltA href = " # " target = _ self & gt弟弟被妻子毒死,男方买女尸配阴婚(图)

& ltA href = " # " target = _ self & gt揭开郑州神枪手神秘面纱,头号狙击手近视

& ltA href = " # " target = _ self & gt美军高官:不排除与中国直接军事对抗的可能性

& ltA href = " # " target = _ self & gt浙江东阳的传奇富姐吴英因涉嫌非法吸收存款被逮捕

& ltA href = " # " target = _ self & gt西方炒作“中国航母威胁论”,宣称2005年正式服役

& ltA href = " # " target = _ self & gt女孩子不能照顾自己。请NPC代表提交安乐死法案

& ltA href = " # " target = _ self & gt建设部:住房公积金制度将覆盖农民工

& ltdiv align="right " >& ltA href = " # " target = _ self & gt更多& lt/A & gt;& lt/div & gt;

& lt/SPAN>。

& ltSPAN & gt

& ltA href = " # " target = _ self & gt华裔女兵在军营上吊自杀。军事干预调查(图)

& ltA href = " # " target = _ self & gt照片:美国总统布什的车队被撞

& ltA href = " # " target = _ self & gt梦露掌握肯尼迪哥哥秘密被骗自杀(组图)

& ltA href = " # " target = _ self & gt孟加拉国打击贪官,人人自危,奔驰宝马弃路边

& ltA href = " # " target = _ self & gt韩国将举行大规模军事演习(图片)

& ltA href = " # " target = _ self & gt照片:土星最大卫星表面发现“海洋”

& ltA href = " # " target = _ self & gt墨西哥扫毒行动查获2亿美元巨额现金(组图)

& ltA href = " # " target = _ self & gt照片:世界各地裸体抗议加拿大捕猎海豹活动

& ltA href = " # " target = _ self & gt美国潜艇在百慕大失踪一夜,航母战斗群出动搜索

& ltA href = " # " target = _ self & gt匈牙利20万人示威政客被民众扔鸡蛋(组图)

& ltdiv align="right " >& ltA href = " # " target = _ self & gt更多& lt/A & gt;& lt/div & gt;

& lt/SPAN>。

& ltSPAN & gt

& ltA href = " # " target = _ self & gt深圳女工被三名男子轮奸的目击过程(组图)

& ltA href = " # " target = _ self & gt一个人一毛钱的“币王”价格高达1.3万(图)

& ltA href = " # " target = _ self & gt青海女孩被困洗头房一天接待顾客十余次(图)

& ltA href = " # " target = _ self & gt照片:老太太和年轻的丈夫表演了难忘的爱情。6岁妻子成功除皱

& ltA href = " # " target = _ self & gt陕西省蓝田县电视台播放淫秽图像约10分钟

& ltA href = " # " target = _ self & gt女方自称被大学教授骗同居索要分手费(图)

& ltA href = " # " target = _ self & gt照片:男女私处造型像“性”趣礼物,太出格了

& ltA href = " # " target = _ self & gt照片:四川泸州16岁女孩造出中国第一丑女孩

& ltA href = " # " target = _ self & gt最高法:承诺不判赖昌星死刑未超越法律程序

& ltA href = " # " target = _ self & gt深圳发现一具被摘除睾丸的男孩尸体。续:疑似1个月前失踪

& ltdiv align="right " >& ltA href = " # " target = _ self & gt更多& lt/A & gt;& lt/div & gt;

& lt/SPAN>。

& ltSPAN & gt

& ltA href = " # " target = _ self & gt收费员强行扣留人力车,导致三轮车司机惨死在车轮下。& ltBR & gt

& ltA href = " # " target = _ self & gt20多位学者谈中医,方周子被很多专家反驳

& ltA href = " # " target = _ self & gt声称揭发监考老师作弊结果的女学生被判零分

& ltA href = " # " target = _ self & gt政协委员建议一户一室制度引起网民热议

& ltA href = " # " target = _ self & gt河南省周口市6名警察将人打昏后扔下楼身亡

& ltA href = " # " target = _ self & gt照片:6岁妻子成功去除皱纹,年轻丈夫开始新生活

& ltA href = " # " target = _ self & gt青海女孩被困洗头房一天接待顾客十余次(图)

& ltA href = " # " target = _ self & gt美国海军上将:解放军不是美军的对手。导弹不能打败台湾省

& ltA href = " # " target = _ self & gt新疆阜康铁路桥坍塌导致运煤列车脱轨

& ltA href = " # " target = _ self & gt铁道部回应吴敬琏质疑:春运热潮将长期坚持不涨价

& ltdiv align="right " >& ltA href = " # " target = _ self & gt更多& lt/A & gt;& lt/div & gt;

& lt/SPAN>。

& lt/DIV & gt;

& lt脚本& gt

var Tags = document . getelementbyid(' NewsTop _ tit ')。getElementsByTagName(' p ');

var tags CNT = document . getelementbyid(' NewsTop _ CNT ')。getElementsByTagName(' span ');

var len = Tags.length

var flag = 1;//修改默认值

for(I = 1;我& ltleni++){

标签[i]。value = I;

标签[i]。onmouseover = function(){ change nav(this . value)};

标签[i]。undis

}

标签[标志]。' topc 1 ';

TagsCnt[flag]。' dis ';

功能更改导航(v){

标签[标志]。className = ' topC0

TagsCnt[flag]。undis

flag = v;

标签。' topc 1 ';

标记,标记。' dis ';

}

& lt/SCRIPT & gt;

& lt/DIV & gt;

& lt/DIV & gt;

& lt/BODY & gt;& lt/HTML & gt;

自己改吧,顺便改一下标签的大小写。不符合标准。