本文作者:职业编辑

友情链接前面自动获取并添加favicon.ico小图标

职业编辑 10个月前 ( 04-05 ) 434 抢沙发
友情链接前面自动获取并添加favicon.ico小图标摘要: 之前看到可风博客底部友情链接都加了ico小图标,感觉很新颖,很好看。于是乎我也开始折腾,我不想每次添加友情链接的时候都得手动的去添加ico图标的小链接,浪费时间,然后就百度了以下,...

之前看到可风博客底部友情链接都加了ico小图标,感觉很新颖,很好看。于是乎我也开始折腾,我不想每次添加友情链接的时候都得手动的去添加ico图标的小链接,浪费时间,然后就百度了以下,还真有教程,然后我就搬过来了,当然,文章版权还是要保留的,尊重别人的劳动成果。自动添加img标签代码如下:

直接放在网站代码里:
或者把代码中放入公用js文档中调用:
jQuery(document).ready(function($){
  $("#link-home li a").each(function(e){
    $(this).prepend("<img src=https://f.ydr.me/"+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  });
});
哪种方式都都可以,看自己的习惯吧。
其中:“#link-home li a”是友情链接的ID(也可以换成class名,具体需要查看你网站的写法)
比如“锦鲤”主题的写法就是ID:“link-home”(很简单)
给友情链接自动添加<img>标签已经完成了.

以上是采用第三方网站“https://f.ydr.me/”获取ico下图标的,直接放在网页里面就行了。



文章投稿或转载声明

来源:admin版权归原作者所有,转载请保留出处。本站文章发布于 10个月前 ( 04-05 )
温馨提示:文章内容系作者个人观点,不代表维特技术网对其观点赞同或支持。

分享到:
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (暂无评论,434人围观)参与讨论

还没有评论,来说两句吧...