<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度新闻调用选项卡模式代码</title>
<style type="text/css">
#news{border:1px #52B2EF solid; width:720px; overflow:hidden; padding:0;}
#news div{font-size:13px;font-family:arial}.baidu{font-size:13px;line-height:21px;font-family:arial} #news a,#news a:link{color:#0000cc; text-decoration:none;}#news a:hover{color:#ff0000; text-decoration:underline;}
.baidu span{color:#6f6f6f;font-size:13px;} #news a.more{color:#008000;}#news a.blk{color:#000;font-weight:bold;}
#options{width:150px; font-size:13px; text-align:center; float:left; margin-left:0; margin-left:-6px;}
#options li.current{border-bottom:1px #52B2EF solid; height:26px; width:100%; list-style-type:none; line-height:26px; background:#fff; font-weight:bold; cursor:pointer; color:#0075C7;}
#options li.unactive{border-right:1px #52B2EF solid; border-bottom:1px #52B2EF solid; height:26px; width:100%; list-style-type:none; line-height:26px; background:#D9F1FC;cursor:pointer; color:#0075C7;}
#options li.thelast{border-right:1px #52B2EF solid; height:26px; width:100%; list-style-type:none; line-height:26px; background:#D9F1FC;cursor:pointer; color:#0075C7;}
#newscontent{width:560px; margin-top:5px; float:right; text-align:left;}
</style>
<script language="javascript">
function setAllDefault(br,bg)
{
for(i=0;i<8;i++)
{
document.getElementById("list"+(i+1)).style.borderRight="1px "+br+" solid";
document.getElementById("list"+(i+1)).style.background=bg;
document.getElementById("list"+(i+1)).style.fontWeight="normal";
document.getElementById("news"+(i+1)).style.display="none";
}
}
function makeactive(id)
{
var obj=document.getElementById("list"+id);
if(obj.currentStyle)
{
var br=obj.currentStyle["borderRightColor"]
var bg=obj.currentStyle["backgroundColor"]
}
else if(window.getComputedStyle)
{
var br = document.defaultView.getComputedStyle (obj,null)["borderRightColor"];
var bg = document.defaultView.getComputedStyle (obj,null)["backgroundColor"];
}
if(bg!="#fff"&&bg!="rgb(255, 255, 255)")
{
setAllDefault(br,bg);
document.getElementById("list"+id).style.borderRight="0";
document.getElementById("list"+id).style.background="#fff";
document.getElementById("list"+id).style.fontWeight="bold";
document.getElementById("news"+id).style.display="block";
}
}
</script>
</head>
<body>
<div id="news">
<div id="options">
<ul style="margin:0; padding:0; width:100%;">
<li id="list1" class="current" onmouseover="makeactive('1')">国内新闻 <a href="http://news.baidu.com/n?cmd=1&class=civilnews&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
<li id="list2" class="unactive" onmouseover="makeactive('2')">国际新闻 <a href="http://news.baidu.com/n?cmd=1&class=internews&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
<li id="list3" class="unactive" onmouseover="makeactive('3')">财经新闻 <a href="http://news.baidu.com/n?cmd=1&class=finannews&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
<li id="list4" class="unactive" onmouseover="makeactive('4')">互联网界 <a href="http://news.baidu.com/n?cmd=1&class=internet&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
<li id="list5" class="unactive" onmouseover="makeactive('5')">房产新闻 <a href="http://news.baidu.com/n?cmd=1&class=housenews&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
<li id="list6" class="unactive" onmouseover="makeactive('6')">娱乐新闻 <a href="http://news.baidu.com/n?cmd=1&class=enternews&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
<li id="list7" class="unactive" onmouseover="makeactive('7')">女性新闻 <a href="http://news.baidu.com/n?cmd=1&class=healthnews&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
<li id="list8" class="thelast" onmouseover="makeactive('8')">社会新闻 <a href="http://news.baidu.com/n?cmd=1&class=socianews&pn=1" target="_blank"><img src="more.gif" border="0" align="middle"/></a></li>
</ul>
</div>
<div id="newscontent">
<div style="display:block;" id="news1">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=civilnews&pn=1&tn=newsbrofcu"></script>
</div>
<div style="display:none;" id="news2">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=internews&pn=1&tn=newsbrofcu"></script>
</div>
<div style="display:none;" id="news3">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=finannews&pn=1&tn=newsbrofcu"></script>
</div>
<div style="display:none;" id="news4">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=internet&pn=1&tn=newsbrofcu"></script>
</div>
<div style="display:none;" id="news5">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=housenews&pn=1&tn=newsbrofcu"></script>
</div>
<div style="display:none;" id="news6">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=enternews&pn=1&tn=newsbrofcu"></script>
</div>
<div style="display:none;" id="news7">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=healthnews&pn=1&tn=newsbrofcu"></script>
</div>
<div style="display:none;" id="news8">
<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/n?cmd=1&class=socianews&pn=1&tn=newsbrofcu"></script>
</div>
</div>
</div>
<div style="height:100px; width:720px; text-align:center; line-height:100px;">
<a href="http://www.esou.info" target="_blank" style="font-size:20px; color:#000; text-decoration:none;">返回易搜网</a> <a href="http://www.nannannan.com" target="_blank" style="font-size:20px; color:#000; text-decoration:none;">返回作者博客</a> <a href="http://www.xznic.net" target="_blank" style="font-size:20px; color:#000; text-decoration:none;">购买域名虚拟主机</a>
</div>
<script type="text/javascript">
/*
* 隐藏 Baidu Logo。
*/
var oImgs = document.getElementsByTagName("img");
var baiduLogo = "http://www.baidu.com/search/img/slogo-news.gif";
for (var i=0; i<oImgs.length; i++)
{
if (oImgs[i].src == baiduLogo)
{
oImgs[i].parentNode.parentNode.style.display = "none";
}
}
var oDivs = document.getElementsByTagName("div");
for (var i=0; i<oDivs.length; i++)
{
if (oDivs[i].style.marginTop == "5px"&&oDivs[i].style.fontSize=="12px")
{
oDivs[i].style.display = "none";
}
}
</script>
</body>
</html>
Baidu-News百度新闻调用选项卡模式代码.zip
版权申诉
25 浏览量
2023-11-08
21:11:22
上传
评论
收藏 3KB ZIP 举报
Baidu-News百度新闻调用选项卡模式代码.zip （2个子文件） 
Baidu-News百度新闻调用选项卡模式代码 
more.gif 241B
Baidu-News.html 7KB资源评论
小小哭包
- 粉丝: 1900
- 资源: 3864
