代码:
- <STYLE>
- .img_sina_share {
- DISPLAY: none; CURSOR: pointer; POSITION: absolute
- }
- .img_qq_share {
- DISPLAY: none; CURSOR: pointer; POSITION: absolute
- }
- </STYLE>
- <IMG
- class=img_sina_share id=imgSinaShare title=将选中内容分享到新浪微博
- src="http://simg.sinajs.cn/blog7style/images/common/share.gif">
- <IMG
- class=img_qq_share id=imgQqShare title=将选中内容分享到腾讯微博
- src="http://open.t.qq.com/images/resource/weiboicon32.png" weight="26" height="26">
- <SCRIPT>
- var eleImgShare = document.getElementById("imgSinaShare"); //新浪微博图标
- var eleImgShare2 = document.getElementById("imgQqShare"); //腾讯微博图标
- var $miniBlogShare = function(eleShare,eleShare2,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";
- eleShare2.style.display = "inline";
- eleShare2.style.left = left + 30 + "px";
- eleShare2.style.top = top + "px";
- } else {
- eleShare.style.display = "none";
- eleShare2.style.display = "none";
- }
- };
- 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);
- }
- };
- eleShare2.onclick = function() { //点击腾讯微博图标
- var txt = funGetSelectTxt(), title = (eleTitle && eleTitle.innerHTML)? eleTitle.innerHTML : "未命名页面";
- if (txt) {
- window.open( 'http://v.t.qq.com/share/share.php?title=' + encodeURIComponent(txt + '→来自页面"' + title + '"的文字片段&url=' + window.location.href));
- }
- };
- }(eleImgShare,eleImgShare2);
- </SCRIPT>
效果可以参考本微薄
来自:http://www.discuz.net/thread-2077854-1-1.html
部分修改。
相关文章
继续阅读
- 我的QQ
- 这是我的qq扫一扫
-
- 我的微信公众号
- 我的微信公众号扫一扫
-
2015年12月23日 11:07 下午 8F
一起交流!对这个话题感兴趣的朋友们
2015年12月23日 11:07 下午 7F
一起交流!对这个话题感兴趣的朋友们
2011年11月12日 11:15 下午 6F
哈哈 终于好了

一样的主题
这个前几天看到了,还没试
2011年11月12日 11:22 下午 B1
@ 小范
哈哈,这个主题貌似还不错 
2011年11月7日 7:08 下午 5F
路过,感觉你写的不错,所以留下自己的脚印
2011年11月4日 9:28 下午 4F
2011年11月4日 10:34 下午 B1
@ Junan 就是随便玩玩,呵呵~~~
2011年11月3日 10:21 下午 3F
嗯,在新浪,腾讯的网站里就有这样的效果
2011年11月3日 10:23 下午 B1
@ 皇家元林 嗯,我就是看到才搜索了一下分享的~~~
2011年11月2日 3:26 下午 2F
每次看到技术文章,米多都只能看留言,。。。。看不懂
2011年11月2日 8:26 下午 B1
@ 米多 也没什么深奥的,复制粘贴而已~~
2011年11月2日 10:31 上午 1F
效果不错嘛~
2011年11月2日 8:27 下午 B1
@ 朵未 呵呵,有时候也许能够用到的说~~~