[ZT]使用jQuery为导出链接增加favicon图标
http://xiao3meng.org/web/use-jquery-increase-favicon-icon/
今天在我的博客上在家里一个小功能,就是所有导向其他网站的链接都会有对应网站的 Favicon 图标显示,譬如这个链接到 Google 的。
导出链接 Favicon 标记是通过 jQuery 实现的,代码来自于 exscale.se ,可以设置最对某段 div 起作用,并且对于无法获取 favicon.ico 的网站采用默认的导出链接图片标示。这样设置以后,在别人阅读你的文章的时候,效果很明显。
如果你也想在自己的网站上实现该效果,可以直接下载一个 JS 文件,添加到底部,并且加上一段控制作用区域的代码如下:
<script type='text/javascript'> jQuery('.post').favicons({defaultIco: 'http://xiao3meng.org/wordpress/wp-content/themes/inove/img/external.gif'}); </script>
注意:其中 .post 部分是我网站上的目标区域,你需要更改成自己的。
下载 :
jqueryfavicons.js

MoeFan (萌番)
最近评论