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

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

作者: 新篇章 | 来源:发表于2017-11-09 17:14 被阅读0次
<!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>

相关文章

网友评论

      本文标题:关于网页分享按钮的实现方法

      本文链接:https://www.haomeiwen.com/subject/goolmxtx.html