1NetMedia_Blog

<< 如何在百度搜索结果前出现小图标...  类别: Html seo实例:如何分析竞争对手网站 >>
针对IE9及以上浏览器的网页地址栏图标新用处
[ 日期: 2012-02-03 4:23:36 PM | 作者: admin | 来源: 网络收集 | 人气:3509 | 晴天 | 心情: +2 ] 字号: 【
急速栏目链接:
大家应该知道IE9的新功能之一,是可以把标签拖动到Windows7的任务栏,就是任务栏附加功能。
参看《盘点:IE9 RC 相比 IE8 新增和改进的11个功能》
今天软媒特别对Win7之家的网站图标进行重新设计,大图标锁定在任务栏上面更清晰,同时,还加入了右键jumplist功能,列入了5个常用的快捷功能。
大家看到了么?如果没看到,记得关闭Win7之家的所有网页,清理下您的Internet缓存。

好吧,以图为证:

1、第一步,IE9浏览器打开http://www.win7china.com/,拖动标签到任务栏——


2、附到任务栏后,在任务栏的Windows7之家栏目上右键看一下,看看出来什么?

这是IE9带来的新特性。
当然,大家可能默认还是用Windows7任务栏的合并标签功能,那么就应该是这样:



知道上图中的"任务"下面的5个链接怎么出来的吧?

操作方法非常简单,大家用自己的浏览器查看下Windows7之家首页的网页源代码——

<meta name="application-name" content="Win7之家首页" />
<meta name="msapplication-tooltip" content="Win7之家" />
<meta name="msapplication-starturl" content="./" />
<link type="image/x-icon" href="http://www.win7china.com/favicon.ico" rel="SHORTCUT ICON" />
<meta name="msapplication-navbutton-color" content="#219bc0" />
<meta name="msapplication-window" content="width=device-width;height=device-height" />
<meta name="msapplication-task" content="name=Windows7壁纸;action-uri=http://www.win7china.com/category/9.html;icon-uri=http://www.win7china.com/favicon.ico" />
<meta name="msapplication-task" content="name=Windows7主题;action-uri=http://www.win7china.com/category/8.html;icon-uri=http://www.win7china.com/favicon.ico" />
<meta name="msapplication-task" content="name=Windows7秘籍;action-uri=http://www.win7china.com/category/5.html;icon-uri=http://www.win7china.com/favicon.ico" />
<meta name="msapplication-task" content="name=Windows7宝典;action-uri=http://www.win7china.com/html/6351.html;icon-uri=http://www.win7china.com/favicon.ico" />
<meta name="msapplication-task" content="name=Windows7论坛;action-uri=http://bbs.ruanmei.com;icon-uri=http://www.ruanmei.com/favicon.ico" />


把上面这些复制到自己的网页源代码<head>和</head>里面就可以了。当然,记得改成自己的喔。其中那个 #219bc0 是定义的任务栏上的颜色 :)
   
Rss Comment  

没有相关评论

发表评论
请先注册,才能发表评论!
- 注册 -