javascript自定义样式百度分享代码

2021-01-30 21:01:37


53.jpg


  html按钮标签代码部分

<p class="share bdsharebuttonbox">

    <span class="bds_shere"></span>

    <a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>

    <a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>

    <a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>

    <a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>

    <a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>

    <a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a>

    <a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a>

    <a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a>

    <a class="bds_more" data-cmd="more" title="更多"></a>

</p>


css部分

.bdsharebuttonbox a.bds_fbook{background-position:0 -452px}

.bdsharebuttonbox a.bds_twi{background-position:0 -484px}

.bdsharebuttonbox a.bds_kaixin001{background-position:0 -228px}

.bdsharebuttonbox a.bds_taobao{background-position:0 -196px}

.bdsharebuttonbox a.bds_douban{background-position:0 -324px}

.bdsharebuttonbox a.bds_mail{background-position:0 -548px}

.bdsharebuttonbox a.bds_copy{background-position:0 -516px}

.bdsharebuttonbox a.bds_bdhome{background-position:0 -292px}

.bdsharebuttonbox a.bds_tqf{background-position:0 -260px}

.bdsharebuttonbox a.bds_more{background-position:0 -577px}

.bdsharebuttonbox span.bds_shere{background-position:0 -606px}

.bdsharebuttonbox a.bds_count{background:0 0;width:auto;height:auto;position:relative;top:-6px}

.bdsharebuttonbox a.bds_count{margin:0 2px}

.bdsharebuttonbox a.bds_btn{ line-height: initial; width: auto; height: auto; margin: 0; background: #f5f5f5; opacity: 1;}


javascript代码部分

window._bd_share_config = {

  "common" : {

    "bdText"  : '分享的内容标题',

    "bdComment" : '分享的内容描述',

    "bdPic"   : "http://test.miniwangdai.com/public/images/invite/wechat.png",//分享的图像地址

    "bdStyle" : "0",//按钮样式

    "bdSize"  : "32",//按钮大小

    "bdUrl"   : 'https://www.baidu.com',//分享的地址

    "bdDesc"  : '自定义留言',

    },

    "share" : {},

  };

  with(document)0(getElementsByTagName('head')0||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=431235.js?cdnversion='+~(-new Date()/36e5);

  </script>

都要引入


  本站内文章部分来自于用户投稿或者编辑整理,文章其版权均归原作者及其网站所有。

上一篇:为何要重视企业网站建设?

下一篇:html中拨打电话、发送短信、发送邮件、跳转···