这几天一直比较忙，很多想写的东西都没有来得及写。今天又要捣鼓我的易搜导航(http://www.esou.info)，觉得现在的导航真的是千篇，实在是太多了，如果没有一些特色的东西，如何去吸引用户，如何促使他们来使用？

因为很多时候会在网上看新闻，很多朋友都会去新浪搜狐看新闻，但是，能不能新闻做到导航里呢，让用户在设为首页的导航里就可以直接看到新闻，而且还是被推荐出来的新闻。免去了用户直接去新闻网站上筛选浩瀚的新闻内容，而且也很方便。

首先去百度新闻中心[http://news.baidu.com/newscode.html]定制新闻调用代码，可以根据自己的要求来选择要定制的类别和显示的条数。而且还可以更改CSS样式来调整新闻的显示。很方便适用，但是我们也看到，调用的结果上面显示了百度的logo和栏目链接，很多时候我们不是很想要这些标志，可能是影响美观，也许是根本不好排版。但是，百度是不想你改变它的东西，肯定希望在任何地方都显示有它的标志。所以，官方是不提供去除标志和“更多”链接代码的，我们必须得靠自己来控制。

要控制这个是很难的，毕竟是调用的别人的代码，而不是自己的。我们只能使用Javascript来改变显示logo和链接的DIV的display属性，将其设置为none，这样便可以达到目的。但是，调用代码中的DIV既没有指定名称，也没有指定ID，我们就不能单纯地依靠ID获取元素来更改，而且只能饶一些圈子最终找到那个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>

现分享用选项卡做的八个栏目的新闻吧，总体来说效果还不错，源码下载：百度新闻调用选项卡模式代码

本文版权归“独语斜栏” 转载请注明：http://www.nannannan.com/post/47.html