×

移动wap端做社会化分享组件(支持调用原生应用)

admin admin 发表于2016-08-05 10:52:51 浏览1731 评论2

2人参与发表评论

模板使用代码:(本源码已Tp模板中使用案例)

<!-- sosh分享 -->
<link rel="stylesheet" href="__PUBLIC__/libs/sosh/msosh.min.css">
<div></div>
<script src="__PUBLIC__/libs/sosh/msosh.min.js"></script>  
<script>
var msosh = new Msosh('.msosh', {
    // 默认显示的网站为以下六个个,支持设置的网站有
    // weixin,weixintimeline,qq,qzone,yixin,weibo,tqq,renren,douban,tieba
    sites: ['weixin', 'weixintimeline', 'yixin', 'weibo', 'qq', 'qzone']
  });
  
  //点击弹出分享按钮层
    $('.a-share').click(function(){ 
      // 初始化过后可以调用popIn函数来弹出分享窗口,一般用来做更多分享的用途
      // 在第一个调用这个函数的时候可以传入配置参数,不传则使用初始化时
      // 所使用的配置,参数仅在第一个调用的时候生效。
      msosh.popIn({
        sites: ['weixin', 'weixintimeline', 'yixin', 'weibo', 'qq', 'qzone', 'tqq', 'renren', 'tieba']
      })
    })
</script>
<!-- sosh分享结束 -->


SoSH 分享组件:

sosh.zip



效果预览:

S60805-105637.jpg201608051470366062535500.jpg

分享到:

群贤毕至

访客