Code Monkey home page Code Monkey logo

sosh's Introduction

Social Share

移动版请查看

特性

  • 仅需调用sosh.js,无其他库依赖
  • 支持IE7以上浏览器
  • 支持微信二维码扫码分享
  • 支持使用dataset配置
  • 支持AMD、CommonJS和浏览器全局变量(使用UMD)
  • 图标及样式打包在js里,无需额外请求

安装

通过npm进行安装

npm install -S sosh

或者把脚本引进你的页面里

<script src="sosh.min.js"></script>

使用

参数

  1. 第一个参数为字符串类型,代表选择器。支持ID和单一类名选择器两种形式,如:#id.classname
  2. 第二个参数为对象字面量,配置分享的相关内容。
<div id="soshid"></div>
<script>
  sosh('#soshid', {
    // 分享的链接,默认使用location.href
    url: '',
    // 分享的标题,默认使用document.title
    title: '',
    // 分享的摘要,默认使用<meta name="description" content="">content的值
    digest: '',
    // 分享的图片,默认获取本页面第一个img元素的src
    pic: '',
    // 选择要显示的分享站点,顺序同sites数组顺序,
    // 支持设置的站点有weixin,yixin,weibo,qzone,tqq,douban,renren,tieba
    sites: ['weixin,', 'weibo', 'yixin', 'qzone']
  })
</script>

使用dataset进行配置

除了能在构造函数初始化的时候进行参数配置外,也可以用[data-*]的方式进行配置,并且优先级高于函数参数。

<div class="datasetconfig" data-title="分享标题" data-sites="yixin,weibo,weixin,tqq,qzone"></div>
<script>
  sosh('.datasetconfig', {
    sites: ['weixin,', 'weibo', 'yixin', 'qzone']
  })
</script>

License

MIT © calledT

sosh's People

Contributors

calledt avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.