这两个 Demo 都需要使用 IE9 浏览,并将标签拖动到任务栏固定后才能观察效果。
一、通过 Meta 定义
HTML语言:
在 网页的<head>标记内,加入如下的代码:
<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=关于;action-uri=about;icon-uri=/favicon.ico" />
<meta name="msapplication-navbutton-color" content="#0000ff" />
<meta name="msapplication-starturl" content="/" />
其中包括两个属性:
Name包括的内容:msapplication-task、msapplication-tooltip等等
Content包括的内容:name显示的文字,action-uri 点击后转到的地址。Icon-uri 显示在前面的图标地址。等等
这个还是蛮简单的,一看就明白,我就不多说了。
上面代码我们还定义了IE9浏览器界面上的「上一页」跟「下一页」按钮的颜色,这样我们就可以根据网站的的主色系来自动调整按钮颜色。
<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 耶)。
以下是实现 Thumbnail Toolbar 的方法。
新闻热点
疑难解答