例項講解IE8新特性之webSlices

2022-02-11 04:14:10 字數 2790 閱讀 4719

ie8新特性

笑問天下誰人主宰?

九尾探索各執千秋。

待到八爺橫空出世,

一統江湖無人其右。

ie8雖然還只是beta1階段,但是一些愛好新奇的朋友就已經開始琢磨起來了。而且ie8的確也是個令人充滿驚喜的新玩意哦——activities、webslicess、更多的css2的支援……

例項講解ie8新特性系列文章,將通過乙個個簡單實際的小例子,給ie8的一些新特性拋拋磚,希望能引起你思維的火花……為此系列,還非常狗腿的做了首打油詩 :-)

webslices簡介

這次,我們先來講講ie8的乙個比較有意思的新玩意webslices,直譯就是網頁片段。但是這個玩意到底是做啥用的呢?還待我慢慢道來。

遙想當年,為了第一時間知道乙個**的更新情況,總是要不停的訪問這個網頁,不停的重新整理。但是,結果往往還令人失望。畢竟人的精力有限,誰能和**這樣耗著呢?

於是webslices出現了,webslices允許你定於網頁的任意一塊內容,而且提供非常直觀快捷的訂閱方式,而且訂閱的情況直接反映在ie的收藏欄中,方便、直接、快速的檢視網頁塊的更新情況。

如果,你現在使用的正是ie8瀏覽器,你可以訪問 來快速的獲得webslices的使用體驗哦。在「start a webslice enabled search」隨便搜尋乙個商品(例如book),然後將滑鼠移動頁面的商品列表中,你就能看到webslices的圖示哦。

webslicess訂閱圖示

點選這個圖示,會彈出乙個對話方塊,詢問你是否定於這個網頁片段。點選「add」就可以訂閱這個商品的資訊了。

傳說中的webslicess訂閱對話方塊

即使離開了ebay**,當這個商品的資訊有更新時(收藏欄中會以粗體顯示),只要開啟ie8就能第一時間知道商品的更新情況了(不要告訴我你很少使用瀏覽器哦)。

只要開啟ie8,立刻就可以知道**片段的更新情況哦

如何實現webslices功能

如此華麗的功能,實現起來卻驚人的簡單!只需要3個class就可以了!而且這三個class你可以需要自己決定是否新增樣式哦。下面就是乙個最簡單的實現示例——點選此處訪問webslices示例頁面

點選此處展開示例網頁原始碼

="yes!b/s!,web標準,楊正禕,,例項**"

/>

<

meta 

name

="description"

content

="這是乙個簡單yes!b/s!文章示例頁面,來自楊正禕的部落格,"

/>

<

title

>

yes!b/s!文章示例頁面

title

>

<

style 

type

="text/css"

>

#hslicetest

#hslicetest h3

style

>

head

>

<

body

>

<

div 

class

="hslice"

id="hslicetest"

>

<

h3  

class

="entry-title"

>

webslices標題

h3>

<

div 

class

="entry-content"

>

這是乙個關於webslices的示例。來自

<

a target

="_blank"

href

=""title

="webslices"

>

yes!b/s!

a>

div>

div>

body

>

html

>

就是這麼簡單,將你提供webslices訂閱的網頁內容,放在乙個class為「entry-content」的容器內,當瀏覽器將滑鼠移動到這個區域就會出現webslices的訂閱圖示。

webslices示例效果圖

webslices的注意事項

第乙個使用webslices的**??

剛寫完這篇文章,然後到首頁看發布的結果的時候。突然,發現在首頁的側邊欄,發現了一處,竟然出現了webslices訂閱圖示。呵呵~看來dudu也是個喜歡嘗鮮的傢伙哦。

我以前只知道ebay、facebook、yahoo、msn等**提供了webslices測試功能。中文的**還真不知道有誰使用了webslices功能,不知道算不算中文**中吃webslices這個螃蟹的第一人呢?

webslices示例效果圖

《ie6、ie7、ie8共存方法 》

向大家推薦nfa2dfa兄的《ie8 webslice 嘗鮮》這篇文章,這篇文章更系統和有條理的介紹了webslice技術。

Jdk8新特性之排序

comparator提供的方法 author wgr create 2020 4 13 16 12 public class person public string getname public void setname string name public integer getage publ...

JDK8新特性之方法引用

方法引用是只需要使用方法的名字,而具體呼叫交給函式式介面,需要和lambda表示式配合使用。如 listlist arrays.aslist a b c list.foreach str system.out.print str list.foreach system.out print 上面兩種寫...

JDK8新特性之方法引用

方法引用是只需要使用方法的名字,而具體呼叫交給函式式介面,需要和lambda表示式配合使用。如 list list arrays.aslist a b c list.foreach str system.out.print str list.foreach system.out print 上面兩種...