web进行QQ、QQ空间、微博的分享

参考文章

jsp-web端进行QQ和微信的分享

<style type="text/css">
                #content-share-list {
                    font:12px verdana, arial, sans-serif; /* 设置文字大小和字体样式 */
                    width: 100%;
                }
                #content-share-list, #content-share-list li {
                    list-style:none; /* 将默认的列表符号去掉 */
                    padding:0; /* 将默认的内边距去掉 */
                    margin:0; /* 将默认的外边距去掉 */
                    float: left; /* 往左浮动 */
                    display: block;
                }
                #content-share-list li {
                    margin-right: 0px;
                }
                li > .content_qq{
                    background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1569736162&di=db03338f5882574b6e10dda13d0917c3&imgtype=jpg&er=1&src=http%3A%2F%2Fpic26.nipic.com%2F20121215%2F10753769_135623350109_2.jpg) ;
                    background-position: center left;
                    background-size: 14px 14px;
                }
                li > .content_qqzone{
                    background-image: url(https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=4021107247,1196573545&fm=26&gp=0.jpg) ;
                    background-position: center left;
                    background-size: 14px 14px;
                }
                li > .content_sina{
                    background-image: url(https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1527231301,724263013&fm=26&gp=0.jpg) ;
                    background-position: center left;
                    background-size: 20px 16px;
                    margin-left: -6px;

                }
            </style>
            <ul id="content-share-list"   class="bdsharebuttonbox bdshare-button-style0-16">
                <li><a class="content_qq" href="javascript:window.open('http://connect.qq.com/widget/shareqq/index.html?url='+encodeURIComponent(document.location.href)+'&title=我在@梦由鲸发布的任务{$task_info.task_title}&summary=正在发包中,稿酬预算￥{$task_info.task_start_budget}~{$task_info.task_end_budget},快点进来看看吧&pics=https://www.mengyouart.com/favicon.jpg')" target="_blank" rel="external nofollow"  title="分享到QQ" >QQ好友</a></li>
                <li><a class="content_qqzone" href="javascript:window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+encodeURIComponent(document.location.href)+'&title=我在梦由鲸 发布的任务{$task_info.task_title}&summary=正在发包中,稿酬预算￥{$task_info.task_start_budget}~{$task_info.task_end_budget},快点进来看看吧&pics=https://www.mengyouart.com/favicon.jpg');" target="_blank" rel="external nofollow" >QQ空间</a></li>
                <!--<li><a class="content_weixin" data-cmd="weixin">微信好友</a></li>-->
                <li><a class="content_sina" href="javascript:window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent('我在@梦由鲸发布的任务{$task_info.task_title}正在发包中,稿酬预算￥{$task_info.task_start_budget}~{$task_info.task_end_budget},快点进来看看吧')+'&amp;url='+encodeURIComponent(location.href)+'&amp;rcontent=','_blank','scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes'); void 0" target="_blank" rel="external nofollow" >&nbsp;新浪微博</a></li>
            </ul>
            <!-- 点击微信好友生成的二维码 -->
            <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
            <script>
                window.mqq.invoke("data", "setShareInfo", {
                    share_url: encodeURIComponent(document.location.href),
                    title: 'H5应用',
                    desc: 'H5开放平台',
                    image_url: 'http://i.gtimg.cn/open/app_icon/05/58/35/77/1105583577_100_m.png'
                });
            </script>