social-share,社会化分享组件之jquery版

social-share,诚如其简洁所述“支持微信(二维码)、微博、Github、Google++、LinkedIn、Twitter、Facebook、RSS…, 支持四种大小设置”,够简洁,够漂亮。之前使用的“百度分享”组件,却发现可恶的植入了后台广告,页面刷新一次,广告就加载一次,让人生厌。今天有幸发现这款轻量级的social-share,真让人爱不释手,所以借此机会推广给更多需要的人。

原生的social-share(可通过harttle/social-sharegit进行下载)有两点遗憾:

  1. 不支持QQ空间的分享。
  2. 分享新浪时只限于文字说明,缺少图片的支持。

那么现在呢,我们来解决掉上述两个问题。

一、效果图

这里写图片描述

没有制作gif动画,图片看起来有些单调了。那么有必要通过文字描述介绍一下:

  1. 百度分享的对象过于繁杂,让人有些眼花缭乱;就目前国内的社会化交流平台来说,QQ空间、新浪微博、微信的用户基数足够多,那么选定这三家,我认为更便于流量的传播。
  2. 页面布局超清爽,参数配置超简单。
  3. 没有任何多余的代码植入,更不会植入广告。

二、实例讲解

①、引入jquery.js和font-awesome.css

"//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
<script type="text/javascript" src="${ctx}/components/jquery/jquery-1.9.1.min.js">script>

tips:

对于jquery,特别不建议使用cdn,因为很难保证cdn的网络一直通畅,一旦jquery没有引入,整个项目几乎处于瘫痪状态。那么,你可能会问:“既然如此,为啥你的font-awesome.css要用cdn呢?”,我的回答是:“font-awesome.css版本更迭很频繁,再加上缺少font-awesome.css,项目只会在某一些式样上没有效果,影响不大。”

②、引入qrcode.min.js


                    
                    

你可能感兴趣的:(社会化分享,social,share)