最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

jQuery一键分享当前文章内容

来源:http://www.erdangjiade.com/ 沐浴春风 2016-07-19 07:03浏览(1616)

jQuery分享到各大平台,包括qq,新浪微博,人人网,qq空间,微信朋友圈等。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

jQuery一键分享当前文章内容
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

分享按钮和弹出层代码

<div class="share-dialog">
    <a> 
        <div class="share-close" onclick="$('.mark,.share-dialog').hide();"></div> 
        <div class="share-dialog-title">
            分享
        </div> 
        <div class="share-dialog-cont"> 
            <div class="share-copy"> 
                <div class="share-copy-l">
                    分享链接:
                </div> 
                <div class="share-copy-c">
                    <input id="copytext" type="text" />
                </div> 
                <div id="btnCopy" class="share-copy-r" data-clipboard-target="copytext">
                    复制链接
                </div> 
                <div class="clear"></div> 
            </div> 
            <div class="share-platform"> 
                <div class="share-platform-l">
                    社交平台:
                </div> 
                <div class="share-platform-r"> 
                    <div class="bdsharebuttonbox"> 
                        <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> 
                        <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> 
                        <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> 
                        <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> 
                    </div> 
                    <div class="share-platform-text">
                        您可以直接复制短链,分享给朋友,也可直接点击社交平台图标,指定分享。 
                    </div> 
                </div> 
            </div> 
        </div></a> 
</div>

分享到各大平台代码

window._bd_share_config = {"common": {"bdSnsKey": {}, "bdText": "分享到新浪微博", "bdMini": "1", "bdMiniList": ["bdxc", "tqf", "douban", "bdhome", "sqq", "thx", "ibaidu", "meilishuo", "mogujie", "diandian", "huaban", "duitang", "hx", "fx", "youdao", "sdo", "qingbiji", "people", "xinhua", "mail", "isohu", "yaolan", "wealink", "ty", "iguba", "fbook", "twi", "linkedin", "h163", "evernotecn", "copy", "print"], "bdPic": "", "bdStyle": "1", "bdSize": "32"}, "share": {}};
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>
标签: 分享
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/895.html
评论2
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 椅子
    10-25 09:26
    puton_wp
    哈哈 ,原来是我这边的网速慢2分钟才显示,晕死了
  • 头像 沙发
    10-25 09:25
    puton_wp
    分享的时候怎么不显示 分享的平台?
1 2