在 IE8 中实现“网页快讯”

网页快讯是网页中您可以订阅的一个特定部分，通过它您可以了解收藏网站何时提供更新的内容（如当前气温或不断变化的拍卖价格）。一旦您订阅了网页快讯，它将在收藏夹栏中显示为一个链接。在更新网页快讯时，收藏夹栏上的链接将以粗体格式显示。然后，您可以单击该链接来查看更新内容。

更具体的描述：

1. 在你用ie8浏览一个网页时如果鼠标挪动时出现绿色的框，并有一个可点击的图标出现，表示这个页面上有网页快讯可以订阅。
2. 现在你可以点击绿色框左上角的图标，将会出现收藏网页快讯的图标。
3. 点击“添加到收藏夹栏”，现在你就可以使用网站提供的网页快讯了，在网页快讯中出现了快讯中所有的内容。

在这个广告横行的年代，这是个非常好的功能，我们可以不必浏览网站的首页，就可以直接看到网站焦点区提供的头条咨询。

IE8的网页快讯，能把您所关注的“某些网站”的“某些栏目”直接订阅到你的IE当中。之后就不必每次都打开多个网站啦，鼠标一点。就可以在您的IE8“收藏夹栏”中直接阅读来自各个网站的内容了。

如果有可以订阅的网页快讯，IE8 浏览器上方的网页快讯按钮将变绿，点击它就会出现该网页上所有的可订阅的菜单。或将鼠标移动到可订阅的版块时，点击出现绿色的网页快讯按钮。

在网页中，网页快讯实现非常简单，就是几个固定的 css，请看下面的代码：

<div id="divRecomment" class="hslice">
<h2 class="entry-title">今日推荐孕期阅读</h2>
<ul class="entry-content">
<li><a href="http://www.why100000.com">电脑学习网</a></li>
<li><a href="http://blog.why100000.com">网眼视界博客</a></li>
<li><a href="http://www.why100000.com/_lab/">电脑学习网-代码实验室</a></li>
<li><a href="http://www.why100000.com/_news/">电脑学习网-技术新闻</a></li>
<li><a href="http://www.why100000.com/_news_soft/">电脑学习网-软件新闻</a></li>
<li><a href="http://www.why100000.com/_news_sn/">电脑学习网-陕西IT新闻</a></li>
<li><a href="http://www.why100000.com/_articles/">文章收藏夹</a></li>
<li><a href="http://www.why100000.com/_SpecialTopic/">技术专题</a></li>
<li><a href="http://www.myopenit.cn/">开开软件工作室</a></li>
<li><a href="http://www.jfangzi.com/">金房网</a></li>
</ul>
</div>

大家可以看到在div上面有一个hslice的css class，这个class表示这个div内的内容是一个网页快讯，同时要求这个div必须指定id；还有两个固定的 css 分别是 entry-title 和 entry-content 分别表示网页快讯的标题和内容元素。这个神奇的功能需要我们做的事情就是指定一个 id 和三个 css 的 class。

IE8 的这个功能真炫。感谢微软 Microsoft。

演示地址：http://www.why100000.com 首页。

作者：张庆(网眼) 西安 PHP 教育培训中心 2010-5-18
来自“网眼视界”：http://blog.why100000.com
“十万个为什么”电脑学习网：http://www.why100000.com