目录
[隐藏]

getIcon这个是我一开始在SaNy's Blog看见的,之前是问他要个Lifestream的皮肤,这个是个大好人哦。。。哈哈哈~~没有像很多人那样什么什么的唧唧歪歪反正最后就是不想给,很热心的好人呢~~

getIcon

简单的说就是根据URL自动获取网页的favicon.ico图标,使你在网页开发中变的更方便。

具体的网站可以看这里:http://ico.ylsnuha.com/

getIcon

getIcon使用方法

要获取一个favicon.ico 你可以链接到...

http://ico.ylsnuha.com/[URL]

注意网址中包含协议(http或https)。 例如...
http://ico.ylsnuha.com/http://www.google.com
getIcon以下是一个标准的

1
<img>

标签...
<img src="http://ico.ylsnuha.com/http://www.google.com" alt="Google" width="16" height="16" />

getIcon默认图标

如果指定的域名无法获取图标,那可以指定一个默认图标...
http://ico.ylsnuha.com/http://www.google.com?defaulticon=http://en.wikipedia.org/favicon.ico
getIcon也可以定义

1
defaulticon

为以下4种:

  • 1
    none

    : 没有默认的图标将被退回

  • 1
    1pxgif

    : 1px x 1px透明的GIF

  • 1
    lightpng

    : 灰色'世界'的图标

  • 1
    bluepng

    : 浅蓝'世界'图标

getIcon JQuery方法添加图标

为链接添加网页favicon

你可以使用JS为连接动态加载图标,这用不用编辑原始连接的代码

如果你没有载入JQuery库的话请先载入,已经有的跳过。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

插入一下JS,注意

1
#links a

请根据自己的连接表标签做修改

<script type="text/javascript">

jQuery(document).ready(function($){

$("#links a").each(function(){

$(this).prepend("<img src=http://ico.ylsnuha.com/"+this.href.replace(/^(http:\/\/[^\/]+).*$/,'$1')+" style='float:left;padding:5px;width:16px;height:16px;'>")})});

</script>

最近做了很多这些小的程序的网站,getIcon是蛮喜欢的一个