网站友情链接前自动获取站点 favicon.ico 小图标教程

文章目录[隐藏]

今天分享一下如何在网站友情链接前自动获取站点的favicon.ico图标，使用的方法就是调用接口，本代码采用了缓存机制，也就是说不用每次都去各个友情链接网站的代码里抓取，非常方便实用。

然后用您的 URL 替换“//XXXXX”部分。

例如：://www.idc1680.com （获取的图片为本站的ico图标）

前面的URL可以加也可以不加，但是如果是header的话必须加，否则无法获取图标。

演示

调用方法

具体效果可以在首页底部的“内页链接”或者我的留言板页面详细查看。这个favicon图标采用了缓存机制，也就是说不需要每次都从各个友情链接网站的代码里去取，代码只需要一小段js，将这个js添加到你的网站footer文件里即可：

或者将代码放入通用代码文件并调用：

jQuery(document).ready(function($){
  $("#link-home li a,#linkcat-1 li a").each(function(e){
    $(this).prepend("");
  });});

注意修改红色代码，就是友情链接的id或者class名，网上很多方法都是调用谷歌的API接口，但是谷歌在中国大陆被屏蔽了，自然用不了，这里就用我们友联IT之家博客的API接口吧。