宝哥软件园

js实现将选中内容分享到新浪或腾讯微博

编辑:宝哥软件园 来源:互联网 时间:2021-09-20

微博如火如荼,大家都选择用微博带来社会化流量,顺便推广产品和网站,几乎所有的网站都有分享到代码,但是还有一种更快捷的分享方式,javascript就可以实现将选定内容轻松分享到新浪微博和腾讯微博,效果图如下:

将选中的内容分享到新浪微博,腾讯微博实现射流研究…代码如下:

风格。img _ Sina _ share { display : none;CURSOR:指针;绝对位置: }。img _ QQ _ share { display : none cursor :指针;位置:绝对}/STYLEIMGclass=img _ Sina _ share id=imgSinaShare title=将选中内容分享到新浪微博src=' http :http://www。phpddt。com/usr/themes/DD default/images/Sina。gif ' img class=img _ QQ _ share id=imgQQ共享标题=将选中内容分享到腾讯微博src=' http :http://www。phpddt。com/usr/themes/DD default/images/QQ。gif ' script var eleImgShare=document。getelementbyid(' imgSinaShare ');/var elem gshare 2=文档。getelementbyid(' imgQqShare ');var $ minilogshare=function(eleShare,eleShare2,eleContainer) { //实现方法var eleTitle=文档。getelementsbytagname(' title ')[0];eleContainer=eleContainer ||文档;var funGetSelectTxt=function(){//获取选中文字var txt=if(文档。选择){ txt=文档。选择。创建范围().文本;//IE } else { txt=文档。getselection();}返回txt。ToString();};电子集装箱。onmouseup=函数(e){//限定容器若有文字被选中e=e | | window . event var txt=FagetSelecttxt(),sh=window。pageyoffset | |文档。文档元素。向上滚动| |文档。尸体。滚动顶部| | 0;var left=(e.clientX - 40 0)?e.clientX 20 : e.clientX - 40,top=(e.clientY - 40 0)?e . CLIENT y sh 20 : e . CLIENT y sh-40;if(txt){ eleshare。风格。display=' inlineeleshare。风格。left=left ' pxeleshare。风格。top=top“px”;eleshare 2。风格。display=' inlineeleshare 2。风格。左=左30 ' pxeleshare 2。风格。top=top ' px} else { EleShare。风格。显示='无';eleshare 2。风格。display=" none}};eleShare.onclick=function() { //点击新浪微博图标var txt=funGetSelectTxt(),title=(eleTitle eleTitle。' innerhtml)?' eleTitle.innerHTML : '未命名页面;if(txt){ window。打开(' http://v。新浪科技。com。cn/share/share。PHP?title=' txt ' ' title ' URL='窗口。位置。href ' ','微博分享,' width=700,height=580,top=320,left=180,toolbar=no,menubar=no,scrollbars=no,location=yes,resizable=no,status=no ';}};eleshare 2。onclick=function(){//点击腾讯微博图标var txt=funGetSelectTxt(),title=(eleTitle eleTitle。' innerhtml)?' eleTitle.innerHTML : '未命名页面;如果(txt){ window。open(' http://v . t . QQ.com/share/share . PHP?title=' encodeURIComponent(txt ' ' title ' ')' URL='窗口。位置。href ' ','微博分享,' width=700,height=580,top=320,left=180,toolbar=no,menubar=no,scrollbars=no,location=yes,resizable=no,status=no ';}};}(eleImgShare,eleImgShare 2);/SCRIPT将以上的代码黏贴到你想要进行内容分享的页面,要注意的是,最好不要放在header.php或者footer.php这样网站所有内容都进行分享,而我只是放在文章页面!

以上就是射流研究…实现将选中内容分享到新浪或腾讯微博的详细代码,希望对大家学习爪哇岛描述语言程序设计有所帮助。

更多资讯
游戏推荐
更多+