zoukankan      html  css  js  c++  java
  • IE8带给我们的又一惊喜,神奇的网页快讯

    IE8又给了我一个惊喜---网页快讯。使用它,我们可以抓取我们关注的某个页面上的某一块的内容,并直接显示在浏览器收藏夹的下面。感觉这是一个创举,网页快讯用官方的描述是这样:

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

    也许我的描述和官方的描述,都不能让你直观理解,下面是描述和图:

    1. 在你用ie8浏览一个网页时如果鼠标挪动时出现绿色的框,并有一个可点击的图标出现,表示这个页面上有网页快讯可以订阅

    2. 现在你可以点击绿色框左上角的图标,将会出现收藏网页快讯的图标,如下图

    3. 点击“添加到收藏夹栏”,现在你就可以使用宝宝孕历网站提供的网页快讯了,使用的效果如下:在网页快讯中出现了快讯中所有的内容

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

    下面我们看看网页快讯的这个炫目的功能是如何实现的,它的实现非常简单,就是几个固定的css,请看下面的代码:

    Code
    <div class="defaultSection  hslice" id="divRecomment">
      
    <h2 class="entry-title">今日推荐孕期阅读</h2>
      
    <ul class="entry-content">
        
    <li><href="http://www.baobaoyunli.com/bbs/post,229.aspx">怀孕五个多月了胃灼烧(烧心)怎么办</a></li>
        
    <li><href="http://www.baobaoyunli.com/bbs/post,181.aspx">胎教故事仙人世界</a></li>
        
    <li><href="http://www.baobaoyunli.com/bbs/post,237.aspx">各个阶段有益胎儿发育的食物 </a></li>
        
    <li><href="http://www.baobaoyunli.com/bbs/post,224.aspx"><strong>怀孕能给女人带来10种好处</strong></a></li>
        
    <li><href="http://www.baobaoyunli.com/bbs/post,232.aspx">教你亲子交流50妙招! </a></li>
      </ul>
    </div>

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

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

    -------------

    本随笔参考的网站是宝宝孕历,是一个孕期网站,如果您正在孕育宝宝,欢迎使用。

     --------------

    如果你对ie8感兴趣,请看我的原创随笔:抓到两只IE8的虫子 和 IE8开发人员工具,让web开发的客户端调试畅通无阻

  • 相关阅读:
    Cocos Creator JSZip压缩
    手游游戏资源提取 (破解、AssetStudio、VGMToolbox、disunity、Il2CppDumper、 .NET Reflector)
    Cocos Creator Cannot read property 'load' of null
    BOX2D物理游戏编程初学者指南+源码+FlashPlayer播放器
    [已解决]报错:XGBoostError: XGBoost Library (libxgboost.dylib) could not be loaded.
    [已解决]报错:pyecharts绘制图片时显示空白
    [未解决]yarn安装报错网络问题解决
    Mac Homebrew安装
    mac下docker镜像加速
    [已解决]报错:python3 geohash 导入错误
  • 原文地址:https://www.cnblogs.com/yukaizhao/p/ie8_slice_news.html
Copyright © 2011-2022 走看看