现在的位置: 首页 > IT运维 > 正文

网站动态动画图标

2010年04月17日 IT运维 ⁄ 共 1030字 暂无评论 ⁄ 被围观 0+

我们平常看到的网站图标一般是静态的,只需在网站根目录下放置 favicon.ico 即可,如果图标文件不在根目录下放置,需要用如下标签指名路径:

<link rel="shortcut icon" href="/favicon.ico" />

前段时间发现有的网站图标在Firefox下是动态的动画效果,查看其源码后发现使用了这样一行来实现:

<link rel="icon" href="/favicona.gif" type="image/gif" />

表现效果直接看本站的标签处的图标即可。我这个动画图标使用的是分别4个字的图层+1个空白层构成的,当然可以使用其他动画效果的,例如左右滚动、上下跳动效果等等。

不过查找相关标准被发现,这种动画图标目前只能在Firefox、Opera下正常表现,IE等还不支持....看下面的各种浏览器对各种格式图标的支持列表:

Browser ICO PNG GIF animated GIF JPEG APNG SVG
Google Chrome Yes 4.0 4.0 No 4.0 No No
Internet Explorer 4 No No No No No No
Mozilla Firefox Yes Yes Yes Yes Yes 3.0 No[5]
Opera Yes Yes Yes Yes Yes Yes 9.6
Safari Yes 4.0 4.0 No 4.0 No No
【上篇】【下篇】

给我留言

您必须 [ 登录 ] 才能发表留言!

×
#