分享模版插件精品好资源
现在位置:首页 > 网站设计 > EMLOG修改自动在每个友情链接前面加上favicon图标

EMLOG修改自动在每个友情链接前面加上favicon图标

作者:蓝叶 分类:网站设计 时间:2010-12-13 浏览:25898 评论:16

此方法是针对EMLOG程序的,其它程序也可以用此代码,只是修改方法有些不通而已。

废话不说,先看演示图片吧,或者看本站首页右下角的友情链接板块。

自动为每个友情链接加上favicon图标

代码如下:

<script type="text/javascript" src="http://china-dthis.googlecode.com/svn/trunk/addthis.js" charset="UTF-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"><!--
jQuery(document).ready(function($){
//友情链接自动添加fav图标
$("#link li a").each(function(e){
$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+" style=float:left;margin-right:5px;>");
});
});
//--></script>

使用方法很简单,把上面的代码复制到当前模板文件夹下的footer.php文件里,代码放在</body>前

就行了,这里注意$("#link li a") 这里面是链接列表的CSS样式,一定要看看你当前模板的CSS样式,

然后做相应的修改,默认的是#link li 添加好后,保存上传文件至你的空间,刷新看下效果吧。

其它博客或网站系统添加方法大同小异,修改好$("#link li a")这里的样式表就可以了。

免责声明

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

评论列表
挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
提交评论

清空信息
关闭评论
小影
小影游客
#13
学习修改中
2011-09-20 00:57回复
小影
小影游客
#12
不错,学习ING。。。最近正想弄个EMLOG。。正在学习修改中
2011-09-20 00:56回复
Supra Shoes
Supra Shoes游客
#11
支持一下, 谢谢分享。
2011-02-14 16:49回复
蓝叶
蓝叶游客
@Supra Shoes:朋友欢迎您的来访。
2011-02-14 17:51回复
Reishi
Reishi游客
#10
谢谢, 有用的信息!
2011-01-28 15:12回复
Nike Air Jordan
Nike Air Jordan游客
#9
中国的互网络, 继续努力。
2011-01-24 16:33回复
Air Jordan Shoes
Air Jordan Shoes游客
#8
很有兴趣,希望能够继续学习,天天向上,努力生活.
2011-01-13 14:59回复
Nike Air Max
Nike Air Max游客
#7
自信能克服困难者,便能之。
2010-12-27 14:40回复
Nike Air Max
Nike Air Max游客
#6
努力学习,认真生活
2010-12-25 14:28回复
美白面膜
美白面膜游客
#5
果然是高手。
2010-12-22 22:09回复
小松
小松游客
#4
高亮不是可以用的吗?
2010-12-20 12:54回复