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

2021-10-20 3791阅读 0评论

此代码采用了缓存机制,即不用每次都从各个友情链接网站的代码里面去抓取,挺方便的,

然后用你的网址替换上面的“//XXXXX部分为需要获取的目标网站网址 

例如https://ico.wenytao.com/get.php?url=https://www.wenytao.com

网址前面的http://可以加,也可以不加。但如果是https://头,则必须加上

具体效果可以到网站首页底部或者我的留言板页面的“内页链接”查看详细demo,此favicon图标采用了缓存机制,即不用每次都从各个友情链接网站的代码里面去抓取,代码只需要一小段js就行了,把这段js加到你网站页脚文件中:

友情链接前面自动获取并添加favicon.ico小图标,友情链接前面自动获取并添加favicon.ico小图标 友情链接前面自动获取并添加favicon.ico nbsp 网站 友情链接 第1张,友情链接前面自动获取并添加favicon.ico,nbsp,网站,友情链接,友情链接前面自动获取并添加favicon.ico,IT 屋,网站,友情链接,网,文件,代码,第1张

直接放在网站代码里:

<script type="text/javascript">
  $("#link-home li a,#linkcat-1 li a").each(function(e){
    $(this).prepend("<img src=https://ico.wenytao.com/get.php?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  });</script>

或者把代码中放入公用js文档中调用:

jQuery(document).ready(function($){
  $("#link-home li a,#linkcat-1 li a").each(function(e){
    $(this).prepend("<img src=https://ico.wenytao.com/get.php?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
  });});

注意修改红色代码,就是友情链接的id或者class名。网上的很多方法都是通过调用google的api接口,但是google在大陆被屏蔽了,所以自然用不了,这里用的是本站的接口。


版权声明
  本站致力于为模板爱好者提供国内外插件开发技术和模板共享,着力为用户提供优资资源。
  本站提供的所有下载文件均为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
  我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,请编辑邮件并加以说明发送到站长邮箱。
  站长会进行审查之后,情况属实的会在三个工作日内为您删除。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,3791人围观)

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

取消
微信二维码
微信二维码
支付宝二维码