在 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

阅读更多
个人分类: DHtml-Web前端
想对作者说点什么? 我来说一句

直接在IE8.0下打印样式

ht

hdhai9451 hdhai9451

2013-12-18 09:45:23

阅读数:927

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭