<div id="share">
<a href="javascript:void(0)" share-type="qzone" style="background-position: 0 0;" target="_blank" title="分享到QQ空间"></a>
<a href="javascript:void(0)" share-type="tsina" style="background-position: -35px 0;" target="_blank" title="分享到新浪微博"></a>
<a href="javascript:void(0)" share-type="weixin" style="background-position: -70px 0;" target="_blank" title="分享到微信朋友圈"><div class="erweima"><div id="qrcode"></div></div></a>
</div>

这是html;

下边是JS

$(function () {

    var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 160,//设置宽高
height : 160
});
qrcode.makeCode(location.href); $('#share a').on('click',share); var shareDara = {
pic:(function () {
var pics = ''
$('.contenr-main .text img').each(function (i,k) {
if(i<1){
pics += $(k).attr('src')
}else{
pics += '||'+$(k).attr('src')
}
})
return pics
})(),
title:(function () {
return $('.contenr-main .title').html()
})(),
url:location.href,
desc:(function () {
return $('.contenr-main .text p').eq(0).html()
})()
} function share (){
var self = $(this);
var shareType = self.attr('share-type');
//console.log(shareType);
switch (shareType){
case 'weixin':
break;
case 'tsina':
self.attr('href',
'http://service.weibo.com/share/share.php?' +
'url=' +encodeURIComponent(shareDara.url)+
'&title=' +encodeURIComponent(shareDara.title)+
'&appkey=93034926' +
'&pic='+encodeURIComponent(shareDara.pic)+
'&searchPic=false')
break;
case 'qzone':
self.attr('href',
'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?' +
'url=' +encodeURIComponent(shareDara.url)+
'&title=' +encodeURIComponent(shareDara.title)+
'&desc=' + encodeURIComponent(shareDara.desc)+
'&summary=' +encodeURIComponent(shareDara.pic)+
'&site='
)
break;
default:
break; }
} });

  再从网上下载一个qrcode.min.js用来生成二维码超级简单实用

常用分享功能.超级简单,qq 微信 新浪微博分享的更多相关文章

  1. Web 项目中分享到微博、QQ空间等分享功能

    Web 项目中分享到微博.QQ空间等分享功能 网上有很多的模板以及代码,但是有很多都不能分享内容,简单的测试了下: 以新浪微博为例,文本框中的内容是title属性,下面的链接是url属性,如果你的链接 ...

  2. [h5+api]移动app开发用到的微信好友,朋友圈,qq好友,新浪微博分享合集

    适用H5+环境,能够使用plus方法的移动app中 /** * Created by HBuilder. * User: tyx * Date: 2018-11-21 * Time: 17:28:51 ...

  3. Android集成微信分享功能应用签名生成方法及分享不生效的问题

    通过友盟sdk集成微博.微信.qq等分享功能时,微博和qq很顺利,但在做微信集成时一直不成功.主要问题还是之前在微信开放平台申请创建移动应用时,对应用签名没有填写对,走了很多弯路现总结出来,加深记忆避 ...

  4. 微信jssdk分享功能,jssdk成功调用,分享内容自定义失败

    前提:调用微信jssdk分享功能,通过微信开发者工具调试,调用正常,无任何报错信息. 问题:调用成功,且开发者工具正常显示,但是通过真机调试,分享出去后,自定义内容失效,为微信自动获取的默认内容!截止 ...

  5. Android系统自带分享功能的实现(可同时分享文字和图片)

     /** * 分享功能 * * @param context * 上下文 * @param activityTitle * Activity的名字 * @param msgTitle * 消息标题 ...

  6. 利用.net4.0的dynamic特性制造的超级简单的微信SDK

    1.基础支持API /*-------------------------------------------------------------------------- * BasicAPI.cs ...

  7. centos7安装gitlab 支持带认证https,开启邮件功能 超级简单.

    官方安装说明:https://about.gitlab.com/install/#centos-7 自定义yum源 自行搞定 下载gitlab 官方安装: curl -s https://packag ...

  8. h5+ 开发分享功能

    h5+ 开发微信.QQ分享功能 此处只做微信网页分享示例代码 方式一.JS+HTML+h5Plus 1.html代码 <div class="button" onclick= ...

  9. 在Android中使App高速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能

    前言 在如今的APP或者游戏中,分享功能差点儿已经成为标配.分享功能不但能够满足用户的需求.也能够为产品带来很多其它的用户,甚至能够对用户的行为.活跃度.年龄段等情况进行数据统计,使得软件公司能够对产 ...

随机推荐

  1. DesignPattern系列__06迪米特原则

    迪米特原则定义 迪米特原则,也叫最少知道原则,即一个类应该对自己依赖的类知道的越少越好,而你被依赖的类多么复杂,对我都没有关系.也就是说,对于别依赖的类来说,不管业务逻辑多么复杂,都应该尽量封装在类的 ...

  2. Oracle中查看最近被修改过的表的方法

    1.select uat.table_name from user_all_tables uat 该SQL可以获得所有用户表的名称 2.select object_name, created,last ...

  3. 【POJ - 2139】Six Degrees of Cowvin Bacon (Floyd算法求最短路)

    Six Degrees of Cowvin Bacon Descriptions 数学课上,WNJXYK忽然发现人缘也是可以被量化的,我们用一个人到其他所有人的平均距离来量化计算. 在这里定义人与人的 ...

  4. (二十八)c#Winform自定义控件-文本框(一)

    前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. 开源地址:https://gitee.com/kwwwvagaa/net_winform_custom_control ...

  5. 浅谈Http与Https

    大家都知道,在客户端与服务器数据传输的过程中,http协议的传输是不安全的,也就是一般情况下http是明文传输的.但https协议的数据传输是安全的,也就是说https数据的传输是经过加密. 在客户端 ...

  6. caddy(四)Run详解

    caddy(四)Run详解 前言 平时我们使用 caddy 都是使用 它的 二进制 分发文件,我们现在来分析 caddy 的 Run 函数.从最外层抽象的看它都做了些什么. Caddy Run 我们来 ...

  7. 合并多个jar包,并通过私服依赖

    背景:许多jar包在maven仓库中没有,项目如果添加了许多的本地jar包,别人拿到代码也无法编译 需求:将本地jar包上传至私服并设置依赖,如果jar包较多,但都从属于同一功能,需要合并为一个jar ...

  8. vue入门:用户管理demo

    该demo纯前端实现 使用到vue技术点: 1.在该demo中使用到的vue指令:{{}}. v-if. v-model. @click v-for 2.在该demo中使用到的事件修饰符: .prev ...

  9. MyBatis的parameterType传入参数类型

    在mybatis映射接口的配置中,有select,insert,update,delete等元素都提到了parameterType的用法,parameterType为输入参数,在配置的时候,配置相应的 ...

  10. 解决mysql乱码

    总结的几个乱码问题 希望我们全体学员也能够学会总结 java web 很是希望大家能够学好.并且也希望大家能够在学习过程中不段的积累相关的知识点 1.在response中写<meta  http ...