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

移动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端做社会化分享组件(支持调用原生应用)” 的相关文章

jQuery ajax使用$(this).parent()无效解决方法

本文章来给各位同学介绍一下关于jQuery ajax使用$(this).parent()无效解决方法,希望此方法对各位同学人有所帮助哦html 代码如下复制代码<p class="item"><input type="text" n...

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

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

ios5的safari浏览器的电话号码识别功能的禁用

更详细的apple官方文档: https://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Reference/Articles/PhoneLinks.html在编写 HTML 时,有一个 meta...

定义了浮动元素后margin-bottom失效的解决办法

定义了浮动元素后margin-bottom失效的解决办法

虽然IE6慢慢的退出市场了,但是还是有必要了解一些兼容问题,让自己的知识有一个更好的沉淀。margin-bottom的bug是容器div的 'zoom:1' 触发了 hasLayout,其内部浮动子元素也参与到了容器的高度计算之中。在 IE6 IE7 IE8(Q)中,容器div的 &...

php上传文件,通过curl上传到远程服务器 (解决php5.5 以上环境提交文件报错问题)

 /**      * 上传图片api      *       */    &n...

PHP  计算两个日期之间相隔月数、每月开始日期、结束日期,开始时间戳,结束时间戳

PHP 计算两个日期之间相隔月数、每月开始日期、结束日期,开始时间戳,结束时间戳

在做业务统计计算的时候难免会遇到时间节点问题,一般会涉及的也就是月份、起始日期,然后再数据库做统计查询的时候就会用到时间戳,简单写了下,把代码分享出来,给大家参考,当然有优化的意见,欢迎交流!PHP:/**  * @param $date1  * ...

评论列表

发表评论

访客

看不清,换一张

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