這兩個 Demo 都需要使用 IE9 瀏覽,并將標(biāo)簽拖動到任務(wù)欄固定后才能觀察效果。
一、通過 Meta 定義
HTML語言:
在 網(wǎng)頁的<head>標(biāo)記內(nèi),加入如下的代碼:
<meta name="application-name" content="IE9 Test" />
<meta name="msapplication-tooltip" content="Ray's IE9 Test" />
<meta name="msapplication-window" content="width=1024;height=768" />
<meta name="msapplication-task" content="name=主頁;action-uri=/;icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=留言;action-uri=/guestbook;icon-uri=/favicon.ico" />
<meta name="msapplication-task" content="name=關(guān)于;action-uri=about;icon-uri=/favicon.ico" />
<meta name="msapplication-navbutton-color" content="#0000ff" />
<meta name="msapplication-starturl" content="/" />
其中包括兩個屬性:
Name包括的內(nèi)容:msapplication-task、msapplication-tooltip等等
Content包括的內(nèi)容:name顯示的文字,action-uri 點(diǎn)擊后轉(zhuǎn)到的地址。Icon-uri 顯示在前面的圖標(biāo)地址。等等
這個還是蠻簡單的,一看就明白,我就不多說了。
上面代碼我們還定義了IE9瀏覽器界面上的「上一頁」跟「下一頁」按鈕的顏色,這樣我們就可以根據(jù)網(wǎng)站的的主色系來自動調(diào)整按鈕顏色。
<meta name="msapplication-navbutton-color" content="顏色" />
顏色的表示法可使用顏色名稱,例如要顯示成黃色,就要:
<meta name="msapplication-navbutton-color" content="yellow" />
也可使用 16位的顏色代碼:
<meta name="msapplication-navbutton-color" content="#0000ff" />
效果如下:
二、通過 javaScript 定義
主要是用到了 IE9 提供的幾個 API,所以肯定要做錯誤處理,不然換成其它瀏覽器就死翹翹了(喂,這又是 IE Only 耶)。
以下是實(shí)現(xiàn) Thumbnail Toolbar 的方法。
新聞熱點(diǎn)
疑難解答
圖片精選