逐浪云主机

立即开通

用class制作IE8“添加网页快讯”网页功能

作者:本站编辑 发布时间:2012-05-16 来源:本站原创 点击数:

什么是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

 

提示:<h2 class="entry-title">IE8网页快讯</h2>也可以采用display:none属性,从而使之隐藏更加符合您的开发需求。

本文责任编辑: 加入会员收藏夹 点此参与评论>>
复制本网址-发给QQ/微信上的朋友