常用分享功能.超级简单,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或者游戏中,分享功能差点儿已经成为标配.分享功能不但能够满足用户的需求.也能够为产品带来很多其它的用户,甚至能够对用户的行为.活跃度.年龄段等情况进行数据统计,使得软件公司能够对产 ...
随机推荐
- Java集合系列(四):HashMap、Hashtable、LinkedHashMap、TreeMap的使用方法及区别
本篇博客主要讲解Map接口的4个实现类HashMap.Hashtable.LinkedHashMap.TreeMap的使用方法以及三者之间的区别. 注意:本文中代码使用的JDK版本为1.8.0_191 ...
- 什么是Singleton?
Singleton:在Java中即指单例设计模式,它是软件开发中最常用的设计模式之一. 单:指唯一 例:指实例 单例设计模式,即某个类在整个系统中只能有一个实例对象可被获取和使用的代码模式. 要点: ...
- Scala集合(四)
1. 集合 集合主要有三种: Sequence Map Set sequence是一种线性元素的集合,可能会是索引或者线性的(链表).map是包含键值对的集合,就像Java的Map,set是包含无重复 ...
- MySQL InnoDB Cluster介绍
目录 一.MySQL InnoDB Cluster介绍 二.环境准备 三.将MGR节点加入MySQL Cluster 四.问题汇总 五.性能测试 六.个人总结 一.MySQL InnoDB Clust ...
- HTML发展历程
HTML是超文本标记语言的缩写,不同于C或JAVA等编程语言,HTML由标签组成.通过标签可以在网页中插入文字.图片.链接.音频.视频等元素,进而描述网页.和Windows一样,随着技术的发展,HTM ...
- Spark 系列(十一)—— Spark SQL 聚合函数 Aggregations
一.简单聚合 1.1 数据准备 // 需要导入 spark sql 内置的函数包 import org.apache.spark.sql.functions._ val spark = SparkSe ...
- Git 实用技巧:git stash
我们经常会遇到这样的情况: 正在dev分支开发新功能,做到一半时有人过来反馈一个bug,让马上解决,但是新功能做到了一半你又不想提交,这时就可以使用git stash命令先把当前进度保存起来.然后切换 ...
- 卷积神经网络cnn的实现
卷积神经网络 代码:https://github.com/TimVerion/cat 卷积层 卷积层:通过在原始图像上平移来提取特征,每一个特征就是一个特征映射 原理:基于人脑的图片识别过程,我们可以 ...
- native-echarts 问题总结
一.当width 和 height 设置的不对的时候,会出现边框线如图所示: 解决办法:Echarts/index.js文件中 <WebView ref="chart" sc ...
- mysql 显示表名和表数量
SELECT count(*) FROM information_schema.TABLES WHERE TABLE_SCHEMA='dbname'; SELECT * FROM informatio ...