您的位置:主页 > HTML/JS > 通过Google获取站点的Favicon

通过Google获取站点的Favicon

这是博客搬家之后的第一篇文章,第一个是测试下代码高亮,主要当然是分享一下通过google获取favicon。

往往大家在添加友情链接时,喜欢配上站点的favicon,这样感觉更加的好看。如果通过手动修改不免是件分麻烦的事情,通过“哥”的favicon缓存来获取再好不过了,如果获取了就返回该站的图标,如果没有查询到就返回一个地球的图标。我用jQuery写的,至于参数O就是友情链接的节点啦

  1. var addFavicon= function(o){
  2. var $o = $(o);
  3. $("li",$o).each(function(i){
  4. var $this = $(this);
  5. var $a = $(this).find("a");
  6. var url ='http://www.google.com/s2/favicons?domain='+$a.attr("href").replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' );
  7. $this.css({
  8. 'backgroundImage':"url('"+url+"')",
  9. 'backgroundPosition':'left 5px',
  10. 'backgroundRepeat':'no-repeat',
  11. 'paddingLeft':'20px'
  12. })
  13. });
  14. }

作者:ariesjia

前端少先队员,光荣的红领巾在胸前飘扬

继续八卦

已经4条留言

  1. Ludou On 2010年04月23日5:26 下午

    代码未正常换行!

    测试环境:Firefox 3.6.3

    • Ariesjia On 2010年04月24日1:27 下午

      确实有这个问题,我都没注意,谢谢提醒

  2. Charley Cipriani On 2010年11月20日12:22 上午

    Nice!

  3. 超級efly On 2014年08月15日4:36 下午

    前來支持一下~~可惜現在Google被封掉了… :(
    BTW:我也找到另外一個獲取favicon的網站:http://g.etfv.co/http://www.arefly.com ~下次可以去試試~~ :D
    PS:歡迎訪問AREFLY.COM~~ :P
    PPS:貴站的英文字體非常不錯! XDD

留言万岁!吹水有益健康!