关于网页分享按钮的实现方法

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动态实现分享到~方法</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
</head>
<body>
    <!-- 通过获取地址栏的网址来动态分享 -->
    <a class="qq" href="qqname" target="_blank">QQ空间</a></br>
    <a class="xlwb" href="xlwbname" target="_blank">新浪微博</a> </br>
    <a class="txwb" href="txwbname" target="_blank">腾讯微博</a>
    <a class="QQfriend" href="qqFriendname" target="_blank">QQ好友</a>        
</body>
<script>
   //分享到QQ空间
    var qqname="http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url="+location.href
    $(".qq").attr("href",qqname);
    //分享到新浪微博
    var xlwbname="http://v.t.sina.com.cn/share/share.php?url="+location.href
    $(".xlwb").attr("href",xlwbname);
    //分享到腾讯微博
    var qqname="http://v.t.qq.com/share/share.php?url="+location.href
    $(".txwb").attr("href",txwbname);
    //分享到QQ好友
    var qqname="http://connect.qq.com/widget/shareqq/index.html?url="+location.href
    $(".QQfriend").attr("href",txwbname);
  
</script>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容