用class实现IE8“添加网页快讯”功能


IE8每次不必打开你的网页即可在收藏夹看到你网站的最新讯息。

首先我们要了解Web Slices是什么?
slice是指某一部分,Web Slices就是网页上的某一部分内容。比如你关心ITFeed上的最新文章或taobao上某个商品的最新价格,但是你又不想时刻打开页面去查看,怎么办?Web Slices就为你提供了这样的便捷,你可以在收藏夹栏上获得该网页所关心部分的更新。点击右键选择属性设置更新计划,当有更新时它会以加粗的方式通知你,或者手动刷新查看。

如何制作Web Slices?

    网页快讯制作起来非常简单,只需要在要加入的地方使用特定的CSS名称即可,如下: 

<div id="homegrids" class="hslice">
<h2 class="entry-title">IE8网页快讯</h2>
<ul class="entry-content">
 <li><a href="...">内容1</a></li>
 <li><a href="...">内容2</a></li>
 <li><a href="...">内容3</a></li>
 <li><a href="...">内容4</a></li>
 <li><a href="...">内容5</a></li>
</ul>
</div>大家可以看到在div上面有一个hslice的css class,这个class表示这个div内的内容是一个网页快讯,同时要求这个div必须指定id;还有两个固定的css分别是entry-title和entry-content分别表示网页快讯的标题和内容元素。这个神奇的功能需要我们做的事情就是指定一个id和三个css的class

 


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3