网上流行着很多收藏文章到书签流行网摘等代码,有直接写的xhtml代码,还有用javascript外部调用js文件,两者各有千秋,前者会在网页代码里加入很多冗余的代码,这对搜索引擎优化是不太友好的(信噪比),后者一定程度上解决了这个问题,但他们却有一个共同的缺点:每个书签网摘图标对应一个加入收藏链接,在用户浏览网页时,这些图标会一个个弹出来,在网速比较限制的时候,甚至会出现红叉图片,这对视觉体验感觉是非常不好的,基于这些,本站特使用Css Sprites和Javascript制作了收藏文章到流行网摘书签代码,从根本上解决了这些问题.
原理分析:Css Sprites把很多小图标聚合到一张图片上,加载时减少了服务器http请求,进而实现了图片的Web加速,客户端的视觉效果也大大加强;Javascript外部调用js文件,在一定程度减少了网页中多余的无用代码,从而增强了搜索引擎的友好程度.
代码:点Css Sprites制作文章收藏书签网摘代码下载javascript代码,相应修改后放到您网站目录,并把js调用代码放在网页中需要展示添加到收藏的地方<script language="Javascript" src="http://qqcampus.org/THEMES/default/SCRIPT/add-article.js" type="text/javascript"></script>
Web技术杂谈同时推荐您使用Css Sprites制作的Feed订阅集技术进行feed订阅设计,如果发现本代码没有您所知道的流行的网摘书签代码,请尽快联系我,我会在第一时间加上,并在本文做出修改,谢谢.
