制作 365Rss.CN 的 Blog 插件

昨天喜获 vs.net 2005 的 team 版本只是爽死了。用起来就是比 pro 版本的要好太多了,功能方面的增加很多功能,我很是喜欢。早晨起来无事可作,看到 365Rss.CN 以前的那个在 blog 里面放“添加到”链接的方法真的太麻烦,就研究了以下,想想如何改进,如果可以不用用户输入标题和连接,而是在页面生成的时候直接添加一定很爽。
看了看其他网站的制作方法,其实很简单,就是制作一个单独的js文件,然后加进来。标题和url都是用js的document对象获得然后动态的write一个<img>链接就ok了。下面给出js的代码,源码永远是第一位的:

document.write('<a href="
javascript:u=location.href;
t=document.title;
c=%22%22+(window.getSelection?window.getSelection():document.getSelection?document.getSelection():document.selection.createRange().text);
c=c.substr(0,480);
var url=%22http://www.365rss.cn/tools_rightClick.aspx?t=%22+encodeURIComponent(t)+%22&u=%22+encodeURIComponent(u)+%22&c=%22+encodeURIComponent(c)+%22&fr=js#nw=1%22;window.open(url,\'_blank\',\'scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes\');void 0
"><img border="0" width="116" height="19" src="http://www.365rss.cn/_images/btn_share_small.gif">
</a>');

代码是在一行的,我为了阅读分成多行的。如何用这个js呢,你只要在页面添加下面的js就ok了:
<script src="http://www.365rss.cn/blog/plugin/add.js" type="text/javascript"></script>

看看效果吧:

posted on 2007-01-19 09:29  JesseZhao  阅读(1774)  评论(5编辑  收藏  举报

导航