javascript+css 新聞顯示tab 選項(xiàng)卡效果

更新時(shí)間：2009年04月21日 18:56:05 作者：

跟新浪的比較像啊，tab切換效果，門(mén)戶(hù)類(lèi)網(wǎng)站用過(guò)的，大家可以看看。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML><HEAD><TITLE>腳本之家_新聞顯示選項(xiàng)卡效果(javascript+css)</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <style type="text/css">  </style> </HEAD> <BODY> <div   class="m1r6ebm"   id=cntR> <div   class="hnc1w21"   id=NewsTop> <div   class="qp14ap4"   id=NewsTop_tit> <P class=topTit>新聞排行</P> <P class=topC0>國(guó)內(nèi)</P> <P class=topC0>國(guó)際</P> <P class=topC0>社會(huì)</P> <P class=topC0>網(wǎng)評(píng)</P> </DIV> <div   class="ipo1fyy"   id=NewsTop_cnt><SPAN title="Don't delete me"></SPAN> <SPAN> <A href="#" target=_self>新疆阜康鐵路橋梁坍塌多節(jié)運(yùn)煤車(chē)廂側(cè)翻墜河</A> <A href="#" target=_self>最高法:承諾不判賴(lài)昌星死刑沒(méi)有超越法律程序</A> <A href="#" target=_self>物權(quán)法:滿(mǎn)70年住宅建設(shè)用地使用權(quán)將自動(dòng)續(xù)期</A> <A href="#" target=_self>弟弟被妻下藥毒死男子買(mǎi)女尸為其配陰婚(圖)</A> <A href="#" target=_self>揭開(kāi)鄭州神槍手神秘面紗 頭號(hào)狙擊手是近視眼</A> <A href="#" target=_self>美軍高官:不排除和中國(guó)發(fā)生直接軍事對(duì)抗可能</A> <A href="#" target=_self>浙江東陽(yáng)傳奇富姐吳英涉嫌非法吸收存款被批捕</A> <A href="#" target=_self>西方炒作"中國(guó)航母威脅論"稱(chēng)05年已正式服役</A> <A href="#" target=_self>女孩生活無(wú)法自理請(qǐng)人大代表遞交安樂(lè)死議案</A> <A href="#" target=_self>建設(shè)部：住房公積金制度將覆蓋農(nóng)民工</A> <div align="right"><A href="#" target=_self>...more</A></div> </SPAN> <SPAN> <A href="#" target=_self>美華裔女兵在營(yíng)房上吊死亡軍方介入調(diào)查(圖)</A> <A href="#" target=_self>組圖：美國(guó)總統(tǒng)布什車(chē)隊(duì)被撞</A> <A href="#" target=_self>夢(mèng)露掌握肯尼迪之弟秘密遭誘騙自殺(組圖)</A> <A href="#" target=_self>孟加拉國(guó)嚴(yán)打貪官人人自危奔馳寶馬拋棄路邊</A> <A href="#" target=_self>韓國(guó)將舉行大規(guī)模軍事演習(xí)(圖文)</A> <A href="#" target=_self>組圖：土星最大衛(wèi)星表面發(fā)現(xiàn)"海洋"</A> <A href="#" target=_self>墨西哥緝毒行動(dòng)繳獲2億美元巨額現(xiàn)鈔(組圖)</A> <A href="#" target=_self>組圖：全球掀起裸體抗議加拿大捕獵海豹活動(dòng)</A> <A href="#" target=_self>美潛艇在百慕大失蹤一晚航母戰(zhàn)群出動(dòng)搜索</A> <A href="#" target=_self>匈牙利20萬(wàn)人示威 政要被民眾扔雞蛋(組圖)</A> <div align="right"><A href="#" target=_self>...more</A></div> </SPAN> <SPAN> <A href="#" target=_self>深圳女工被三名男子輪奸男友目睹過(guò)程(組圖)</A> <A href="#" target=_self>男子珍藏一角錢(qián)"幣王"價(jià)格高達(dá)1.3萬(wàn)(圖)</A> <A href="#" target=_self>青海女孩被困洗頭房每天接客十幾次(圖)</A> <A href="#" target=_self>組圖：老妻少夫演繹忘年戀69歲妻子成功除皺</A> <A href="#" target=_self>陜西藍(lán)田縣電視臺(tái)播放淫穢影像 達(dá)10分鐘左右</A> <A href="#" target=_self>女子自稱(chēng)被大學(xué)教授誘騙同居討要分手費(fèi)(圖)</A> <A href="#" target=_self>組圖：男女私處成造型"性"趣禮品太出格</A> <A href="#" target=_self>組圖：四川瀘州16歲女孩打造中國(guó)第一丑女</A> <A href="#" target=_self>最高法:承諾不判賴(lài)昌星死刑沒(méi)有超越法律程序</A> <A href="#" target=_self>深圳發(fā)現(xiàn)睪丸被摘男童尸體續(xù)：疑為1月前失蹤</A> <div align="right"><A href="#" target=_self>...more</A></div> </SPAN> <SPAN> <A href="#" target=_self>養(yǎng)路費(fèi)征稽員強(qiáng)制扣車(chē)致三輪車(chē)夫慘死車(chē)輪下</A> <A href="#" target=_self>20多位學(xué)者談中醫(yī)問(wèn)題 方舟子遭多名專(zhuān)家批駁</A> <A href="#" target=_self>考研女生自稱(chēng)揭露監(jiān)考老師作弊 成績(jī)被判零分</A> <A href="#" target=_self>全國(guó)政協(xié)委員建議一戶(hù)一房制引起網(wǎng)民熱議</A> <A href="#" target=_self>河南周口市6名警察將人打昏后扔下樓摔死</A> <A href="#" target=_self>組圖：69歲老妻除皺成功 與少夫開(kāi)始新生活</A> <A href="#" target=_self>青海女孩被困洗頭房每天接客十幾次(圖)</A> <A href="#" target=_self>美上將：解放軍不是美軍對(duì)手 導(dǎo)彈打不垮臺(tái)灣</A> <A href="#" target=_self>新疆阜康鐵路橋梁坍塌導(dǎo)致運(yùn)煤列車(chē)脫軌</A> <A href="#" target=_self>鐵道部回應(yīng)吳敬璉質(zhì)疑:春運(yùn)不漲價(jià)將長(zhǎng)期堅(jiān)持</A> <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;//修改默認(rèn)值 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> <a href="http://www.dhdzp.com/">腳本之家</a>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章: