当前位置:首页 > 程序心得 > 正文内容

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

admin9年前 (2016-08-05)程序心得1839

模板使用代码:(本源码已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

分享到:

扫描二维码推送至手机访问。

版权声明:本文由云河空间发布,如需转载请注明出处。

本文链接:https://yuyunhe.cn/index.php/post/174.html

分享给朋友:

“移动wap端做社会化分享组件(支持调用原生应用)” 的相关文章

SVN Skipped 'xxx' -- Node remains in conflict 错误的解决办法

svn提交发现错误#cd /home/svn/app/# svn upUpdating '.':Skipped 'xxx' -- Node remains in conflictAt revision 1054.Summary of conflicts: ...

解决在微信内分享第三方链接标题、图片、摘要、链接等问题

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> var imgUrl = docum...

Mysql 触发器使用(含navicat使用案例)

Mysql 触发器使用(含navicat使用案例)

CREATE TRIGGER updateutime2 BEFORE UPDATE on yp_cms_score for EACH ROW BEGIN  SET NEW.utime= ...

RSA密钥的生成与配置(支付宝公私密钥可用)

RSA密钥的生成与配置(支付宝公私密钥可用)

RSA密钥的生成与配置openssl下载地址http://dldx.csdn.net/fd.php?i=20313208579480&s=ac2e809e168f7d5b8bf1515d3d6b1aa4,或者官方下载通过openssl工具生成RSA的公钥和私钥(opnssl工具可在互联网中下...

JQ 获取验证码倒计时方法

JQ 获取验证码倒计时方法

html: <a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default"  id="show-not...

Jq 网页点击图片放大效果(单张)

Jq 网页点击图片放大效果(单张)

首先引入jq文件:  <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>$(function(){     $...

评论列表

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。