在WordPress中将选中文字转发到新浪微博

发布时间：2022-06-24 11:22 所属栏目：61 来源：互联网

导读：一个常见的关于WordPress中将选中文字转发到新浪微博程序代码,有需要的朋友可参考参考. 实现的方法也很简单,只需要两步: 1、引入 jQuery，相信大多数 WordPress 博客都已经引入了 jQuery,那就可以直接进行第二步了. 2、在页面底部,或者更确切的说,在引入 jQu

　　一个常见的关于WordPress中将选中文字转发到新浪微博程序代码,有需要的朋友可参考参考.

　　实现的方法也很简单,只需要两步:

　　1、引入 jQuery，相信大多数 WordPress 博客都已经引入了 jQuery,那就可以直接进行第二步了.

　　2、在页面底部,或者更确切的说,在引入 jQuery 库的后面加上这样一段 JS,你就可以看到和本站一样的效果了,代码如下:

　　var miniBlogShare = function() {
　　    //指定位置驻入节点
　　    $('<img id="imgSinaShare" class="img_share" title="将选中内容分享到新浪微博" src="http://wange.im/wp-content/themes/wange/images/sina_share.gif" /><img id="imgQqShare" class="img_share" title="将选中内容分享到腾讯微博" src="http://wange.im/wp-content/themes/wange/images/tt_share.png" />').appendTo('body');
　　
　　    //选中文字后显示微博图标
　　    $('html,body').mouseup(function(e) {
　　        if (e.target.id == 'imgSinaShare' || e.target.id == 'imgQqShare') {
　　            return
　　        }
　　        e = e || window.event;
　　        var txt = funGetSelectTxt(),
　　            sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0,
　　            left = (e.clientX - 40 < 0) ? e.clientX + 20 : e.clientX - 40,
　　            top = (e.clientY - 40 < 0) ? e.clientY + sh + 20 : e.clientY + sh - 40;
　　        if (txt) {
　　            $('#imgSinaShare').css({
　　                display : 'inline',
　　                left : left,
　　                top : top
　　            });
　　            $('#imgQqShare').css({
　　                display : 'inline',
　　                left : left + 30,
　　                top : top
　　            });
　　        } else {
　　            $('#imgSinaShare').css('display', 'none');
　　            $('#imgQqShare').css('display', 'none');
　　        }
　　    });
　　
　　    //点击新浪微博
　　    $('#imgSinaShare').click(function() {
　　        var txt = funGetSelectTxt(), title = $('title').html();
　　        if (txt) {
　　            window.open('http://v.t.sina.com.cn/share/share.php?title=' + txt + ' —— 转载自：' + title + '&url=' + window.location.href);
　　        }
　　    });
　　
　　    //点击腾讯微博
　　    $('#imgQqShare').click(function() {
　　        var txt = funGetSelectTxt(), title = $('title').html();
　　        if (txt) {
　　            window.open('http://v.t.qq.com/share/share.php?title=' + encodeURIComponent(txt + ' —— 转载自：' + title) + '&url=' + window.location.href);
　　        }
　　    });
　　}();
　　完整实例,代码如下:

　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
　　<html xmlns="http://www.w3.org/1999/xhtml">
　　<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
　　<meta http-equiv="description" content="页面选中文字分享到新浪微博 » 张鑫旭-鑫空间-鑫生活" />
　　<meta name="description" content="张鑫旭web前端学习实例页面" />
　　<meta name="keywords" content="张鑫旭, 张鑫旭-鑫空间-鑫生活, web前端, css, jQuery, javascript, demo页面" />
　　<meta name="author" content="张鑫旭, zhangxixnu" />
　　<title>页面选中文字分享到新浪微博 » 张鑫旭-鑫空间-鑫生活</title>
　　<link rel="stylesheet" href="../css/demo.css" type="text/css" />
　　<style>
　　.img_sina_share{display:none; position:absolute; cursor:pointer;}
　　</style>
　　</head>
　　<body>
　　<div id="header">
　　 <a href="http://www.111cn.net/" class="logo" title="回到鑫空间-鑫生活首页">
　　     <img src="http://www.111cn.net/php/image/zxx_home_logo.png" border="0" />
　　    </a>
　　    Designed & Powerd by <a href="http://www.111cn.net/">hzhuti</a><br />
　　    Copyright© 张鑫旭-鑫空间-鑫生活<br>
　　    <a href="http://www.111cn.net/" target="_blank">鄂ICP备09015569号</a>
　　</div>
　　<script>
　　var eleImgShare = document.getElementById("imgSinaShare");
　　var $sinaMiniBlogShare = function(eleShare, eleContainer) {
　　 var eleTitle = document.getElementsByTagName("title")[0];
　　 eleContainer = eleContainer || document;
　　 var funGetSelectTxt = function() {
　　 var txt = "";
　　 if(document.selection) {
　　   txt = document.selection.createRange().text; // IE
　　 } else {
　　   txt = document.getSelection();
　　 }
　　 return txt.toString();
　　 };
　　 eleContainer.onmouseup = function(e) {
　　 e = e || window.event;
　　 var txt = funGetSelectTxt(), sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
　　 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;
　　 if (txt) {
　　   eleShare.style.display = "inline";
　　   eleShare.style.left = left + "px";
　　   eleShare.style.top = top + "px";
　　 } else {
　　   eleShare.style.display = "none";
　　 }//开源软件:phpfensi.com
　　 };
　　 eleShare.onclick = function() {
　　 var txt = funGetSelectTxt(), title = (eleTitle && eleTitle.innerHTML)? eleTitle.innerHTML : "未命名页面";
　　 if (txt) {
　　   window.open('http://v.t.sina.com.cn/share/share.php?title=' + txt + '→来自页面"' + title + '"的文字片段&url=' + window.location.href);
　　 }
　　 };
　　}(eleImgShare);
　　</script>
　　</body>
　　</html>。

（编辑：ASP站长网）