web分享到新浪微博、微信、qq空间

image.png

js

window._bd_share_config = {
        "common": {
            "bdSnsKey":
                {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "16"
        }, "share": {}, "image":
            { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到：", "viewSize": "16" }, "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)];

html

        

            分享：
            
            
            
        

修改图标样式

.bdsharebuttonbox .bds_qzone {
        background: url(__PUBLIC__/img/shareResource/zone.png) no-repeat no-repeat;
    }
 .bdsharebuttonbox .bds_tsina {
        background: url(__PUBLIC__/img/shareResource/sina.png) no-repeat no-repeat;
    }
.bdsharebuttonbox .bds_weixin {
        background: url(__PUBLIC__/img/shareResource/wchat.png) no-repeat no-repeat;
    }