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

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

作者:蓝叶 分类:网站设计 时间:2010-12-12 浏览:26066 评论: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
比较实用,学习啦!
2010-12-16 10:04回复
小羿
小羿游客
#12
我的就有这效果
2010-12-13 11:59回复
蓝叶
蓝叶游客
@小羿:这个效果很好看呵呵
2010-12-13 13:01回复
罡风行
罡风行游客
#11
果然是高手。
2010-12-13 08:42回复
蓝叶
蓝叶游客
@罡风行:高抬我了。
2010-12-13 09:44回复