网页的分层切换
宽度: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;
自己改吧,顺便改一下标签的大小写。不符合标准。