zoukankan      html  css  js  c++  java
  • 新浪微博分享按钮组件使用(自定义样式)

    官网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>

  • 相关阅读:
    响应式后台管理模版
    js数组、对象、正则
    react视频入门
    JSON.parse() JSON.stringify() eval() jQuery.parseJSON() 的区别
    网站生产app的一些网址
    一个博客总结的css常见的兼容性问题
    Js倒计时
    移动端好的博客
    day_4(element对象、node的属性、操作dom树)
    js的常用对象及方法使用
  • 原文地址:https://www.cnblogs.com/aifengguo/p/8573317.html
Copyright © 2011-2022 走看看