• 新浪微博分享按钮组件使用(自定义样式)


    官网wiki : http://open.weibo.com/sharebutton

    想要自定义分享按钮样式,按照官方文档是不行了。那我们就去看看官方生成出来的js代码,如下:

    <script type="text/javascript" charset="utf-8">
    (function(){
         var _w = 32 , _h = 32;
         var param = {
              url:location.href,
              type:'1',
              count:''/**是否显示分享数,1显示(可选)*/
              appkey:''/**您申请的应用appkey,显示分享来源(可选)*/
              title:''/**分享的文字内容(可选,默认为所在页面的title)*/
              pic:''/**分享图片的路径(可选)*/
              ralateUid:''/**关联用户的UID,分享微博会@该用户(可选)*/
              language:'zh_cn'/**设置语言,zh_cn|zh_tw(可选)*/
              dpc:1
         }
         var temp = [];
         forvar in param ){
              temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
         }
         document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://service.weibo.com/staticjs/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>')
    })()
    </script>
     
    由此可知:
    count:'' 表示是否显示当前页面被分享数量(1显示)(可选,允许为空)
    url:'' 将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空)
    appkey:'' 用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)
    title:'' 分享时所示的文字内容,为空则自动抓取分享页面的title值(可选,允许为空)
    pic:'' 自定义图片地址,作为微博配图(可选,允许为空)
    ralateUid:'' 转发时会@相关的微博账号(可选,允许为空)
    language:'' 语言设置(zh_cn|zh_tw)(可选)
     
    ralateUid获取方法:

    点击之后跳转分享代码:

    <html xmlns:wb="http://open.weibo.com/wb">

    <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>

    <a id="wb_shareBtn" href="" target="_blank"><img src="sinaShare.png" alt=""></a>
    <script>
    var wb_shareBtn = document.getElementById("wb_shareBtn");
    wb_url = document.URL; //获取当前页面地址,也可自定义例:
    wb_appkey = '';
    wb_ralateUid = '';
    wb_title = '';
    wb_pic = '';
    wb_language = "zh_cn";

    wb_shareBtn.setAttribute("href","http://service.weibo.com/share/share.php?url="+wb_url+"&appkey="+wb_appkey+"&title="+wb_title+"&pic="+wb_pic+"&ralateUid="+wb_ralateUid+"&language="+wb_language+"");
    </script>

  • 相关阅读:
    supervisor管理airflow
    airflow迁移
    flume部署
    canal原理&部署
    EMR日常操作
    linux的route
    autossh
    Velocity(5)——#macro 指令
    Git(1)----Eclipse安装Git插件
    Velocity(4)——引入指令和#Parse 指令
  • 原文地址:https://www.cnblogs.com/aifengguo/p/8573317.html
Copyright © 2020-2023  润新知