当前位置:首页 »“秋了秋”个人博客 » 网络技术 » 给网站的友情链接前面自动添加favicon图标

给网站的友情链接前面自动添加favicon图标

作者:秋了秋 发表时间:2014年11月25日

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

<script type="text/javascript"> $(".item-link li a").each(function(e){ $(this).prepend("<img src=//netblog.cn/api/?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">"); }); </script>

或者把代码中放入公用js文档中调用: jQuery(document).ready(function($){ $(".item-link li a").each(function(e){ $(this).prepend("<img src=//netblog.cn/api/?url="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">"); }); }); 注意修改红色代码,就是友情链接的id或者class名。网上的很多方法都是通过调用google的api接口,但是google在大陆被屏蔽了,所以自然用不了,这里用的是本站的接口。

1
文章作者: “秋了秋”个人博客,本站鼓励原创。
转载请注明本文地址:http://netblog.cn/blog/180.html
目录: 网络技术标签: 添加Favicon图标,友情链接图标 12911次阅读

请求播放音乐,请点击播放

登 录
点击获取验证码
还没账号?点击这里