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

移动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

分享到:

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

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

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

分享给朋友:

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

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

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

Thinkphp3.2.x 多图上传几个注意点

1、<form enctype="multipart/form-data">2、<form enctype="multipart/form-data">3、<input type="file...

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

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

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

MySQL获得当前日期时间\时间戳函数

MySQL获得当前日期时间\时间戳函数 1.1 获得当前日期+时间(date + time)函数:now()mysql> select now();+———————+| now() |+———————+| 2008-08-08 22:20:46 |+———————+除了 now()...

css做屏幕适配

CSS判断不同分辨率浏览器(显示屏幕)显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3 @media样式进行判断,但IE9以下版本不支持CSS3技术,这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局CSS DIV网页布局中当分辨率小于等于1024px(像...

JQ 获取验证码倒计时方法

JQ 获取验证码倒计时方法

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

评论列表

发表评论

访客

看不清,换一张

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