jquery分享代码在线制作鼠标一键复制url路径功能与分享信息微博分享资源-CSDN下载

共4个文件

js：1个

gif：1个

html：1个

微博分享

分享代码

QQ空间分享

1星需积分: 10 100 浏览量 2014-03-19 17:15:58 上传评论收藏 34KB RAR 举报

标题中的“jquery分享代码在线制作鼠标一键复制url路径功能与分享信息微博分享”指的是使用jQuery库来创建一个功能，允许用户通过鼠标点击轻松复制网页URL，并且能够将此URL分享到不同的社交平台，如微博。这个功能是网页交互性的一种提升，使用户能够快速方便地传播页面内容。 jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画和Ajax交互。在本例中，jQuery被用来监听用户的鼠标动作，当用户对特定元素（可能是按钮或链接）执行点击操作时，触发URL复制功能。一键复制URL功能通常涉及到以下几个步骤： 1. 获取当前页面URL：可以使用JavaScript的`window.location.href`来获取当前页面的完整URL。 2. 创建隐藏的可选框（input[type="text"]）：由于浏览器的安全限制，我们不能直接复制到剪贴板，所以需要创建一个隐藏的输入框，将URL填入其中。 3. 选中隐藏输入框的内容：使用jQuery的`focus()`和`select()`方法使文本框获得焦点并选中文本。 4. 执行复制操作：调用`document.execCommand('copy')`来执行复制命令。这将在用户看来就像是“一键复制”了URL。接着，描述中提到的“微博分享”意味着该功能还支持将URL分享到微博平台。这通常涉及以下步骤： 1. 引入微博分享API：需要在页面中引入微博提供的SDK或者使用其提供的分享链接格式。 2. 设置分享参数：包括URL、标题、描述等，这些参数会随分享请求一起发送给微博服务器。 3. 触发分享事件：当用户点击分享按钮时，调用对应的API或分享函数，触发分享流程。此外，“QQ空间分享”与微博分享类似，但需要使用QQ空间的API和SDK。QQ空间的分享通常需要注册应用，获取AppID和AppKey，然后在页面上设置相应的分享按钮，当用户点击后，会弹出QQ空间的分享窗口，让用户选择分享内容和目标好友。在提供的压缩包文件中，`demo.html`很可能是实现这一功能的示例页面，包含了HTML结构、jQuery代码以及可能的CSS样式。`images`目录可能包含与分享功能相关的图标或图片资源，而`js`目录则存放了JavaScript文件，很可能包含实现复制和分享功能的核心逻辑。这个项目是关于利用jQuery实现一个便捷的网页交互功能，包括鼠标一键复制URL和多平台分享，如微博和QQ空间。通过解析和使用提供的代码，开发者可以学习到如何整合jQuery、浏览器API以及社交平台的分享机制，以增强网页的用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

F-网络分享.rar （4个子文件）

demo.html 9KB

images

Thumbs.db 4KB

share-icon.gif 4KB

jquery-1.4.2.min.js 78KB

<!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" /> <title>jquery 分享代码在线制作鼠标一键复制url路径功能与分享信息</title> </head> <body> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} a{color:#333;text-decoration:none;} a:hover{color:#3366cc;text-decoration:underline;} body{font:12px/180% Arial, Helvetica, sans-serif,"宋体";} /* share-con */ .share-con{height:38px;overflow:hidden;padding-left:10px;} .share-con span.tit{float:left;line-height:38px;} .share-con a,.share-con a span{height:16px;width:16px;display:block;float:left;overflow:hidden;} .share-con a{padding:3px;border:solid 1px #fff;margin-top:7px;} .share-con a span{background-image:url(images/share-icon.gif);background-repeat:no-repeat;cursor:pointer;} .share-con a:hover{opacity:0.7;filter:alpha(opacity=70);border:solid 1px #ddd;} .share-con a span.copylink{background-position:0 0;} .share-con a span.tengxunweibo{background-position:0 -16px;} .share-con a span.xinlang{background-position:0 -32px;} .share-con a span.sohu{background-position:0 -48px;} .share-con a span.wangyi{background-position:0 -64px;} .share-con a span.qqzone{background-position:0 -80px;} .share-con a span.qqpengyou{background-position:0 -96px;} .share-con a span.renren{background-position:0 -112px;} .share-con a span.kaixin{background-position:0 -128px;} .share-con a span.taojianghu{background-position:0 -144px;} .share-con a span.douban{background-position:0 -160px;} .share-con a span.baidusoucang{background-position:0 -176px;margin-right:0px;} </style> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript"> function copyLink(){ try { var cText = document.location.toString(); if (window.clipboardData) { window.clipboardData.setData("Text", cText); alert("页面链接复制成功，你可以粘贴到飞信、QQ或MSN发送给好友"); } else if (window.netscape) { try { netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect"); } catch (e) { alert("您的浏览器设置为不允许复制！\n如果需要此操作，请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true',再重试复制操作!"); return false; } var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard); if (!clip) return; var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable); if (!trans) { return; } trans.addDataFlavor('text/unicode'); var str = new Object(); var len = new Object(); var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString); str.data = cText; trans.setTransferData("text/unicode", str, cText.length * 2); var clipid = Components.interfaces.nsIClipboard; if (!clip) return false; clip.setData(trans, null, clipid.kGlobalClipboard); alert("页面链接复制成功，你可以粘贴到飞信、QQ或MSN发送给好友"); } } catch (e) { } }; // 分享代码 var shareid = "fenxiang"; (function() { var a = { url:function() { return encodeURIComponent(window.location.href) },title:function() { return encodeURIComponent(window.document.title) },content:function(b) { if (b) { return encodeURIComponent($("#" + b).html()) } else { return"" } },setid:function() { if (typeof(shareid) == "undefined") { return null } else { return shareid } },kaixin:function() { window.open("http://www.kaixin001.com/repaste/share.php?rtitle=" + this.title() + "&rurl=" + this.url() + "&rcontent=" + this.content(this.setid())) },renren:function() { window.open("http://share.renren.com/share/buttonshare.do?link=" + this.url() + "&title=" + this.title()) },sinaminiblog:function() { window.open("http://v.t.sina.com.cn/share/share.php?url=" + this.url() + "&title=" + this.title() + "&content=utf-8&source=&sourceUrl=&pic=") },baidusoucang:function() { window.open("http://cang.baidu.com/do/add?it=" + this.title() + "&iu=" + this.url() + "&dc=" + this.content(this.setid()) + "&fr=ien#nw=1") },taojianghu:function() { window.open("http://share.jianghu.taobao.com/share/addShare.htm?title=" + this.title() + "&url=" + this.url() + "&content=" + this.content(this.setid())) },wangyi:function() { window.open("http://t.163.com/article/user/checkLogin.do?source=%E7%BD%91%E6%98%93%E6%96%B0%E9%97%BB%20%20%20&link=" + this.url() + "&info=" + this.content(this.setid())) },qqzone:function() { window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title))},pengyou:function() { window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?to=pengyou&url=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title)) },douban:function() { window.open("http://www.douban.com/recommend/?url=" + this.url() + "&title=" + this.title() + "&v=1") }}; window.share = a })(); $(function() { $(".renren").click(function() { share.renren(); }); $(".xinlang").click(function() { share.sinaminiblog(); }); $(".douban").click(function() { share.douban(); }); $(".kaixin").click(function() { share.kaixin(); }); $(".taojianghu").click(function() { share.taojianghu(); }); $(".wangyi").click(function() { share.wangyi(); }); $(".qqzone").click(function() { share.qqzone(); }); $(".baidusoucang").click(function() { share.baidusoucang(); }); $(".qqweibo").click(function() { share.qqweibo(); }); $(".qqpengyou").click(function() { share.pengyou(); }); }); function postToWb() { var _t = encodeURI(document.title); var _url = encodeURI(document.location); var _appkey = encodeURI("appkey"); var _u = 'http://v.t.qq.com/share/share.php?title=' + _t + '&url=' + _url + '&appkey=' + _appkey; window.open(_u); } </script>  <div id="fenxiang">jquery网页特效提供了jquery 广告 jquery图片特效 jquery文字特效 jquery菜单特效 jquery弹出层特效 jquery幻灯片特效 jquery表单验证特效、jquery 提示框特效等jquery特效。<a href="http://www.jsfoot.com/">http://www.jsfoot.com/</a></div> <div class="share-con"> <span class="tit">分享有礼：</span> <a title="复制链接" href="javascript:void(0)" onclick="copyLink()"><span class="copylink"></span></a> <a title="分享到腾讯微博" href="javascript:void(0)" onclick="postToWb();"><span class="tengxunweibo"></span></a> <a title="分享到新浪微博" href="javascript:void(0);"><span class="xinlang"></span></a> <a title="分享到搜狐微博" href="javascript:void((function(s,d,e,r,l,p,t,z,c){var f='http://t.sohu.com/third/post.jsp?',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=660,height=470,left=',(s.width-660)/2,',top=',(s.height-470)/2].join('')))u.href=[f,p].join('');};if

评论收藏

内容反馈