分享一段选中文字分享到微博的代码[转]

两天
两天
管理员
733
文章
0
粉丝
资源分享1338,0451字数 408阅读1分21秒阅读模式

下一个天亮,分享一段选中文字分享到微博的代码

代码:文章源自两天的博客-https://2days.org/2231.html

  1. <STYLE>
  2. .img_sina_share {
  3. DISPLAY: none; CURSOR: pointer; POSITION: absolute
  4. }
  5. .img_qq_share {
  6. DISPLAY: none; CURSOR: pointer; POSITION: absolute
  7. }
  8. </STYLE>
  9. <IMG
  10. class=img_sina_share id=imgSinaShare title=将选中内容分享到新浪微博
  11. src="http://simg.sinajs.cn/blog7style/images/common/share.gif">
  12. <IMG
  13. class=img_qq_share id=imgQqShare title=将选中内容分享到腾讯微博
  14. src="http://open.t.qq.com/images/resource/weiboicon32.png" weight="26" height="26">
  15. <SCRIPT>
  16. var eleImgShare = document.getElementById("imgSinaShare"); //新浪微博图标
  17. var eleImgShare2 = document.getElementById("imgQqShare"); //腾讯微博图标
  18. var $miniBlogShare = function(eleShare,eleShare2,eleContainer) { //实现方法
  19. var eleTitle = document.getElementsByTagName("title")[0];
  20. eleContainer = eleContainer || document;
  21. var funGetSelectTxt = function() { //获取选中文字
  22. var txt = "";
  23. if(document.selection) {
  24. txt = document.selection.createRange().text; // IE
  25. } else {
  26. txt = document.getSelection();
  27. }
  28. return txt.toString();
  29. };
  30. eleContainer.onmouseup = function(e) { //限定容器若有文字被选中
  31. e = e || window.event;
  32. var txt = funGetSelectTxt(), sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
  33. var left = (e.clientX - 40 < 0) ? e.clientX + 20 : e.clientX - 40, top = (e.clientY - 40 < 0) ? e.clientY + sh + 20 : e.clientY + sh - 40;
  34. if (txt) {
  35. eleShare.style.display = "inline";
  36. eleShare.style.left = left + "px";
  37. eleShare.style.top = top + "px";
  38. eleShare2.style.display = "inline";
  39. eleShare2.style.left = left + 30 + "px";
  40. eleShare2.style.top = top + "px";
  41. } else {
  42. eleShare.style.display = "none";
  43. eleShare2.style.display = "none";
  44. }
  45. };
  46. eleShare.onclick = function() { //点击新浪微博图标
  47. var txt = funGetSelectTxt(), title = (eleTitle && eleTitle.innerHTML)? eleTitle.innerHTML : "未命名页面";
  48. if (txt) {
  49. window.open('http://v.t.sina.com.cn/share/share.php?title=' + txt + '→来自页面"' + title + '"的文字片段&url=' + window.location.href);
  50. }
  51. };
  52. eleShare2.onclick = function() { //点击腾讯微博图标
  53. var txt = funGetSelectTxt(), title = (eleTitle && eleTitle.innerHTML)? eleTitle.innerHTML : "未命名页面";
  54. if (txt) {
  55. window.open( 'http://v.t.qq.com/share/share.php?title=' + encodeURIComponent(txt + '→来自页面"' + title + '"的文字片段&url=' + window.location.href));
  56. }
  57. };
  58. }(eleImgShare,eleImgShare2);
  59. </SCRIPT>

效果可以参考本微薄文章源自两天的博客-https://2days.org/2231.html

来自:http://www.discuz.net/thread-2077854-1-1.html
部分修改。文章源自两天的博客-https://2days.org/2231.html 文章源自两天的博客-https://2days.org/2231.html

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
312379857
微信号已复制
←QQ扫一扫添加QQ好友
版权声明:本站原创文章转载请注明文章出处及链接,谢谢合作!
广告也精彩
 最后更新:2023-12-2
  • QQ
  • 微博
  • 代码
  • 新浪微博
评论  13  访客  8  作者  5
    • 陈雨萌
      陈雨萌 9

      一起交流!对这个话题感兴趣的朋友们

      • 陈雨萌
        陈雨萌 9

        一起交流!对这个话题感兴趣的朋友们

        • 小范
          小范 1

          哈哈 终于好了
          一样的主题
          这个前几天看到了,还没试
          :grin:

            • 两天
              两天

              @ 小范 :grin: 哈哈,这个主题貌似还不错 :lol:

            • 银杏
              银杏 0

              路过,感觉你写的不错,所以留下自己的脚印

              • Junan
                Junan 5

                :grin: 围观一下 暂时没这样需求 在博客上面加微薄信息~

                  • 两天
                    两天

                    @ Junan 就是随便玩玩,呵呵~~~

                  • 皇家元林
                    皇家元林 1

                    嗯,在新浪,腾讯的网站里就有这样的效果

                      • 两天
                        两天

                        @ 皇家元林 嗯,我就是看到才搜索了一下分享的~~~ :grin:

                      • 米多
                        米多 1

                        每次看到技术文章,米多都只能看留言,。。。。看不懂

                          • 两天
                            两天

                            @ 米多 也没什么深奥的,复制粘贴而已~~ :grin:

                          • 朵未
                            朵未 6

                            效果不错嘛~ :grin:

                              • 两天
                                两天

                                @ 朵未 呵呵,有时候也许能够用到的说~~~ :smile:

                            匿名

                            发表评论

                            匿名网友
                            :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
                            确定

                            拖动滑块以完成验证
                            加载失败