无意中看了一个网站http://bdc.dict.cn 选词的时候出现个按钮。后来发现QQ也出来个Q-Share的功能,于是在网上找了找相关资料发现已经有在使用这个功能了而且也给出了方法划词显示新浪分享按钮,于是整理了一下把QQ微博也加了进去,现在为大家分享一下。

因为这个使用Jquery写出来的,所以需要把jquery库文件导进去,不过wordpress已经有Jquery所以我们可以直接贴代码使用(不显示的可以把Jquery库文件导入进去可以去这里下载).

然后把这个压缩包文件 点击下载(里面有一个js文件和两张分享图片)(注:在导入文件的时候记得放在库文件之后)
最后就是在页面底部加上图片路径js代码

function inputimage(){
$('<img id="imgSinaShare" class="img_share" title="选中内容分享到新浪微博" src="你的图片地址" /><img id="imgQqShare" class="img_share" title="选中内容分享到腾讯微博" src="你的图片地址" />').appendTo('body');
}

效果如下图(或者随便选中我的一篇文字即可看效果):
划词显示分享按钮效果

Ps: 这个不只是可以用在wordpress上面,在其他各种网站也是可以用的。大家快试试看吧!