我使用的是 jQuery 的方法，就一句代码的问题。但是有一些地方还需要改进，只能请教各位大神了

<!-- 非本站超链接添加图标 Start -->    
　　<script type="text/javascript">    
　　jQuery(document).ready(function($){
　　$(".post .content a:not([href*=xiao3.info])").each(function(e){
　　$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace
　　(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+"
　　style=line-height:16px;padding-right:5px;padding-left:5px;height:16px;vertical-align:middle;>");
　　});
　　});    
　　</script>
<!-- 非本站超链接添加图标 End -->

大家可以看到上面的代码就是通过调用外链网站的 Google 的 favicon 缓存地址来实现的，a:not([href*=xiao3.info])这个的意思是不对含有 xiao3.info 的链接显示图标，因为这个是站内链接。但是缺点也出来了，就是这样调用的话全部的链接都会出现 Favicon 图标，即一些我外链的图片也会有图标出来，这样就会有一些不美观，不知道该如何去除 .gif .png .jpg 的图标，各位老师有知道的能给个解决的方法么？

请各位老师有解决办法的在留言中给个说明。谢谢～

© xiao3 for 甜·咖啡, 2010. | 链接 | 评论(16) | Twitter | GHS IP | 代理 | 文件 | FUCK GFW


原文地址：使用jQuery为非站内超链接添加图标 标签: favicon, jQuery

下面一组也可以使用，貌似是上面地址的别名。

这里，可能有的童鞋不知道什么是网站头像 favicon ，没关系，大家尽管 Google 吧，上面会告诉你的。有了 favicon ，访客是在浏览网页时看到地址栏显示的图标会感觉到亲切熟悉，在收藏夹中找网址也会更容易省事。因此，favicon 作为一个网站的形象是至关重要的。看 Google 的 Favicon 图标是这个样子的：。而本站的 Favicon 图标是这个样子的：
现在网上有现成的在线生成器（如 http://www.favicon.cc/ ），会自动帮你生成一个favicon.ico 图标，下载后放到之际网站根目录下就可以了。
如果想要在网页中明确指定使用的 favicon ，放置以下代码到 head 当中即可。好了，弄好以后现在你就可以通过这个 http://blog.xiao3.info/favicon.ico 链接来查看本站的 Favicon 图标啦～

同样，一些浏览器（如 Firefox ）还支持动态图标，可以制作一个16×16 的 GIF 动画，放置在网站根目录下，同时在网页中添加类似如下的代码即可在浏览器地址栏看到动态效果了。

最后：大家可以到 这里 看到本站使用 Favicon 的一个应用。

© xiao3 for 甜·咖啡, 2010. | 链接 | 评论(7) | Twitter | GHS IP | 代理 | 文件 | FUCK GFW


原文地址：谷歌的favicon缓存地址 标签: favicon, ico, icon