常用分享功能.超级简单,qq 微信 新浪微博分享
<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 微信 新浪微博分享的更多相关文章
- Web 项目中分享到微博、QQ空间等分享功能
Web 项目中分享到微博.QQ空间等分享功能 网上有很多的模板以及代码,但是有很多都不能分享内容,简单的测试了下: 以新浪微博为例,文本框中的内容是title属性,下面的链接是url属性,如果你的链接 ...
- [h5+api]移动app开发用到的微信好友,朋友圈,qq好友,新浪微博分享合集
适用H5+环境,能够使用plus方法的移动app中 /** * Created by HBuilder. * User: tyx * Date: 2018-11-21 * Time: 17:28:51 ...
- Android集成微信分享功能应用签名生成方法及分享不生效的问题
通过友盟sdk集成微博.微信.qq等分享功能时,微博和qq很顺利,但在做微信集成时一直不成功.主要问题还是之前在微信开放平台申请创建移动应用时,对应用签名没有填写对,走了很多弯路现总结出来,加深记忆避 ...
- 微信jssdk分享功能,jssdk成功调用,分享内容自定义失败
前提:调用微信jssdk分享功能,通过微信开发者工具调试,调用正常,无任何报错信息. 问题:调用成功,且开发者工具正常显示,但是通过真机调试,分享出去后,自定义内容失效,为微信自动获取的默认内容!截止 ...
- Android系统自带分享功能的实现(可同时分享文字和图片)
/** * 分享功能 * * @param context * 上下文 * @param activityTitle * Activity的名字 * @param msgTitle * 消息标题 ...
- 利用.net4.0的dynamic特性制造的超级简单的微信SDK
1.基础支持API /*-------------------------------------------------------------------------- * BasicAPI.cs ...
- centos7安装gitlab 支持带认证https,开启邮件功能 超级简单.
官方安装说明:https://about.gitlab.com/install/#centos-7 自定义yum源 自行搞定 下载gitlab 官方安装: curl -s https://packag ...
- h5+ 开发分享功能
h5+ 开发微信.QQ分享功能 此处只做微信网页分享示例代码 方式一.JS+HTML+h5Plus 1.html代码 <div class="button" onclick= ...
- 在Android中使App高速、简单地支持新浪微博、微信、QQ、facebook等十几个主流社交平台的分享功能
前言 在如今的APP或者游戏中,分享功能差点儿已经成为标配.分享功能不但能够满足用户的需求.也能够为产品带来很多其它的用户,甚至能够对用户的行为.活跃度.年龄段等情况进行数据统计,使得软件公司能够对产 ...
随机推荐
- Pandas 库之 DataFrame
How to use DataFrame ? 简介 创建 DataFrame 查看与筛选数据:行列选取 DataFrame 数据操作:增删改 一.About DataFrame DataFrame 是 ...
- [科研民工笔记1]安装Ubuntu到U盘
主要是台式机只有一块固态,暂时没有加固态的打算,所以就买了一个64g的闪迪cz73,装了Ubuntu.以后可能考虑加一块硬盘. 前期准备:VMware.官网下载安装包(这里以16.04为例) 第一部分 ...
- 以kaldi中的yesno为例谈谈transition
在基于GMM-HMM的传统语音识别里,比音素(phone)更小的单位是状态(state).一般每个音素由三个状态组成,特殊的是静音(SIL)由五个状态组成.这里所说的状态就是指HMM里的隐藏的状态,而 ...
- Python.append()与Python.extend()的区别
lst=[1,2] >>>[1,2] lst.append([3,4]) >>>[1, 2, [3, 4]] lst.extend([3,4]) >>& ...
- ArrayList用法整理
System.Collections.ArrayList类是一个特殊的数组.通过添加和删除元素,就可以动态改变数组的长度. 一.优点 1.支持自动改变大小的功能 2.可以灵活的插入元素 3.可以灵活的 ...
- Gitment评论插件的使用
前言 继上一篇的 GitPages部署自己的网站 现在开始添加博客的评论插件Gitment.这里的话我是使用hexo添加gitment插件,如果不是使用hexo,请到官网指定这里. 开始 第一步 注册 ...
- RDIFramework.NET敏捷开发框架通过SignalR技术整合即时通讯(IM)
1.引言 即时通讯(IM)是RDIFramework.NET敏捷开发框架全新提供的一个基于Web的即时通讯.内部聊天沟通的工具.界面美观大方对于框架内部进行消息的沟通非常方便.基于RDIFramewo ...
- xss实体绕过示例
知识点: 倘若是在script.input标签当中,即可突破. Payload ' oninput=alert`1` // 当要在input中输入内容时触发事件 ' oninput=alert`1` ...
- Docker跨服务器通信Overlay解决方案(上) Consul单实例
场景 公司微服务快上线了,微服务都是用Docker容器进行部署的,在同一台主机下,把服务都部署上,注册到Nacos的IP与PORT都是内网的IP与Dockerfile中定义的端口号,看起来好像也没什么 ...
- Linux x86和x64的区别
0x01:寄存器分配的不同 (1)64位有16个寄存器,32位只有8个.但是32位前8个都有不同的命名,分别是e _ ,而64位前8个使用了r代替e,也就是r _.e开头的寄存器命名依然可以直接运用于 ...